前端开发问题集:Vue开发中数据更新了，为何视图没有发生变化呢

相信很多使用过Vue进行开发的孩纸都碰到过这个问题，为什么我给某个变量赋值，然后查看网页，咦，为什么没有变化，视图上没有显示出来呢？是不是没有赋值成功，然后噼里啪啦一查，确实是将值赋值成功了，控制台上一打印，明明有值啊！

这个时候你就得检查自己赋值是不是数组或者对象类型呀，这个问题在Vue的官方文档里明明白白的写着呢~

在官方文档-教程-列表渲染里面，我们可以找到这样一个注意事项：

由于 JavaScript 的限制(以及废弃 Object.observe)，Vue 不能检测以下变动的数组；

1. 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
2. 当你修改数组的长度时，例如：vm.items.length = newLength

解决第一类问题可以采用下列两种方法：

或者

解决第二类问题可以采用：

由于JavaScript 的限制(以及废弃 Object.observe)，Vue 不能检测对象属性的添加或删除：

这个时候同样可以用

去赋值。或者使用

这样写，数据变化的时候就视图就会跟着变化了~

我们来看看官网上关于set这个api的说明

那要怎么去使用呢？ 举个简单的例子：

赶紧试试吧~

如有错误，欢迎指正~大家互相学习，互相交流~

求关注~求转发~~~