vue的provide无法监听变化

vue中的provide可以进行父组件向后代组件进行传值。但是，他没办法监听传输数据的变化。或者说明白点，就是如果我在父组件改变注入的值，它没办法更新。子组件改变传入的值，它也没办法进行更新上图，vue官方例子说明但是这个一个可监听的对象，那么其对象的属性是可响应的是啥意思？可监听的对象，是vue中data中的数据，并且data中的数据是一个对象，如图。那监听他的属性，就是监听testA里面的b值

喂维围

3147人浏览 · 2020-08-20 18:12:10

喂维围 · 2020-08-20 18:12:10 发布

vue中的provide可以进行父组件向后代组件进行传值。但是，他没办法监听传输数据的变化。或者说明白点，就是如果我在父组件改变注入的值，它没办法更新。子组件改变传入的值，它也没办法进行更新

上图，vue官方例子说明
在这里插入图片描述
但是这个一个可监听的对象，那么其对象的属性是可响应的是啥意思？
可监听的对象，是vue中data中的数据，并且data中的数据是一个对象，如图。

那监听他的属性，就是监听testA里面的b值
当b的值改变的时候，这个是可以监听到的
在这里插入图片描述

看上面，显示的是2b2b2b，而不是初始值bbb了

所以我provide这么传递
在这里插入图片描述
传递的是一个对象，他里面有一个属性data,它的值为data中的可观察对象就可以了。而且你也可以包很多层。

对于testA.a.a的值也是可以监听到的

好了就到这儿了，吃饭去了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^