如何使用Vue.js中的set方法新增或修改对象属性

2024-10-17 02:51:58

1、打开HBuilderX工具,引入vue.js核心文件,然后添加vue对象容器,设置id属性值

如何使用Vue.js中的set方法新增或修改对象属性

2、在div标签容器中,插入一个无序列表和两个按钮(添加和删除)

如何使用Vue.js中的set方法新增或修改对象属性

3、进行vue对象实例化,data中给user变量赋初值,并在methods中定义两个按钮点击事件

如何使用Vue.js中的set方法新增或修改对象属性

4、直接使用浏览器预览,查看页面效果,并打开浏览器控制台

如何使用Vue.js中的set方法新增或修改对象属性

5、点击添加按钮,查看控制台对应的变化,结果发现出现了报错

如何使用Vue.js中的set方法新增或修改对象属性

6、检查代码发现,是由于在新增时,需要从数组最后添加,如果目标位置已存在,表示修改

如何使用Vue.js中的set方法新增或修改对象属性
猜你喜欢