vue php mysql增删改查表格_vue实现表格增删改查效果的实例代码

整理文档，搜刮出一个vue实现表格增删改查效果的实例代码，稍微整理精简一下做下分享。

实现效果

我们把这些用户信息保存到list的数组中，然后增删改查就在这个数组上进行：

list: [

{

username: 'aaaaa',

email: '123@qq.com',

sex: '男',

province: '北京市',

hobby: ['篮球', '读书', '编程']

},

{

username: 'bbbbb',

email: 'bbbbbbb@163.com',

sex: '女',

province: '河北省',

hobby: ['弹琴', '读书', '插画']

}

// ...

]

这里面的表单有：文本输入框，单选按钮，select选择框，复选框等。

1. 展示数据

我们的数据都放在数组list中，但是这里并不直接对list对循环输出，而是先把list中的数据给一个数组slist&