Crud operations for models with relationships from the django Rest Framework in vue js cdn

As this new requirement question,  I would request not to choose URGENT/HIGH in future.

Regarding your request, please check this post it would help you to understand Django Vue Js CDN integration. 

Hello  These are the models am working with 1:  Department Model class Department(models.Model): code = models.CharField(max_length=200, null=True, blank=True) name = models.CharField(max_length=200, null=True, blank=True) description = models.CharField(max_length=200, null=True, blank=True) def __str__(self): return self.name 2: Staff Model class Staff(models.Model): code = models.CharField(max_length=200, null=True, blank=True) user = models.ForeignKey(User, on_delete=models.CASCADE, null=True, blank=True) department = models.ForeignKey(Department, on_delete=models.SET_NULL, null=True, blank=True) phone = models.CharField(max_length=200, null=True, blank=True) address = models.CharField(max_length=200, null=True, blank=True) nin = models.CharField(max_length=200, null=True, blank=True) password = models.CharField(max_length=200, null=True, blank=True) gender = models.CharField(max_length=200, null=True, blank=True) def __str__(self): return self.user.username I need help to do crud operations for the staff model from vuejs from rest framework api Thank you  Regards Perez