在对数据进行监听的时候，当数据data进行变换，watch将进行一系列的操作，如果这些操作可能会对监听的数据data进行修改的时候，数据data将会改变，那么又将会被watch所监听到，一直重复，陷入一个死循环。
说的简单明了一些，如何对数据进行操作，但又不会对原来的数值进行改变。。。
直接将数据复制一份，即克隆值，watch对数据进行的操作只会针对克隆值，而数据值本身不会变动，那么就不会再次触发watch的监听
msg(val, oldVal) {
var newArr = [];//定义一个数组存放克隆值
this.$data.msg.forEach(function(e, i) {
newArr.push(e);//循环遍历将数值复制给克隆值，注意不能采用"="的赋值操作，否则还是会改变数据值本身
})
this.$data.data = newArr
}
在对数据进行监听的时候，当数据data进行变换，watch将进行一系列的操作，如果这些操作可能会对监听的数据dat...
vue2 的watch回顾 我们先回顾一下vue2中watch 《watch性能优化：vue watch对象键值说...
watch vue使用者在使用watch时经常会遇到很多坑，其中监测对象有时会监测不到 1.对象具体属性的watc...
博客地址：关于 vue 不能 watch 数组变化 和 对象变化的解决方案 vue 监听数组和对象的变化 vue ...
【占个坑，差点被坑死】
vue--Vue的watch实现原理及watch实现方式 参考: https://www.jianshu.com/...
Vue中的watch用法 Vue.js中的watch主要用于观察Vue实例上的数据变动。 栗子：
同事的watch 函数总是访问this有问题，我帮忙检查了一阵子，最后发现是定义函数的时候用了箭头函数。箭头函数绑...
vue watch用法
import { ref, reactive, watch } from 'vue'watch(data, (ne...
本文标题：Vue的坑——关于Watch
本文链接：https://www.haomeiwen.com/subject/gowxnqtx.html
网友评论