跟vue2相比,vue3已经可以全方位监听数组(包括直接修改数组长度等),但是watch的参数deep要设置成true哦:
methods: {
onClick() {
this.children.length = 4;
},
},
watch: {
'children': {
handler: function() {
console.log('//你好,web 已经 10岁了');
},
deep: true
}
}
点击按钮控制台将会打印:
//你好,web 已经 10岁了
注意设置数组时如果新值跟旧值一样是不会触发handler的