Vue全局API之Vue.set方法

作用:改变data里面的值,如下:

在这里插入图片描述
参数介绍:
在这里插入图片描述
个人感觉这个方法没什么作用,我们可以直接修改app.count++也可以达到这个效果
在这里插入图片描述
或者使用outData.count++也可以实现这个效果
在这里插入图片描述
Vue.set方法为什么存在?
答:
由于Javascript的限制,Vue不能自动检测以下变动的数组:
1.当你利用索引直接设置一个项时,vue不会为我们自动更新;
2.当你修改数组的长度时,vue不会为我们自动更新;
如图:
在这里插入图片描述
研究原理发现,Vue.set是有存在意义的,就是当我们要修改数组里面的数据或者要增加数组的长度时,vuel有时候监听不到,会导致无法操作数组里面的数据,这就要用到我们的Vue.set方法了.

猜你喜欢

转载自blog.csdn.net/xiaodi520520/article/details/88758723
今日推荐