vue增删改查函数调用

Vue的增删改查函数调用可以分为以下几个步骤：

1. 定义一个Vue实例，并设置data属性，用来存储数据列表：

var vm = new Vue({
  el: '#app',
  data: {
    userList: []
  }
});

2. 编写获取数据列表的函数，并在Vue实例创建完成后调用该函数：

function getUserList() {
  // 发送ajax请求获取数据列表
  // ...

  // 将获取到的数据保存到data属性中的userList中
  vm.userList = response.data;
}

vm.$nextTick(function() {
  getUserList();
});

3. 编写添加数据的函数，并在用户点击“添加”按钮时调用该函数：

function addUser() {
  // 获取用户输入的数据
  var username = $('#username').val();
  var password = $('#password').val();

  // 发送ajax请求添加数据
  // ...

  // 添加成功后重新获取数据列表
  getUserList();
}

4. 编写修改数据的函数，并在用户点击“修改”按钮时调用该函数：

function editUser(index) {
  // 获取用户输入的数据
  var username = $('#username').val();
  var password = $('#password').val();

  // 发送ajax请求修改数据
  // ...

  // 修改成功后重新获取数据列表
  getUserList();
}

5. 编写删除数据的函数，并在用户点击“删除”按钮时调用该函数：

function deleteUser(index) {
  // 发送ajax请求删除数据
  // ...

  // 删除成功后重新获取数据列表
  getUserList();
}

以上就是Vue的增删改查函数调用的基本流程。当然，具体实现还需要根据具体的业务场景进行调整。