8种vue组件通信方式详细解析实例(2)
发布时间:2019-04-10 17:39 所属栏目:21 来源:web秀
导读:解析: C组件中能直接触发getCData的原因在于 B组件调用C组件时 使用 v-on 绑定了$listeners 属性 通过v-bind 绑定$attrs属性,C组件可以直接获取到A组件中传递下来的props(除了B组件中props声明的) 3. v-model 父
解析:
3. v-model 父组件通过v-model传递值给子组件时,会自动传递一个value的prop属性,在子组件中通过this.$emit(‘input',val)自动修改v-model绑定的值 子组件
父组件
4. provide和inject 父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。不论子组件有多深,只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据,只要在父组件的生命周期内,子组件都可以调用。 子组件
父组件
5. 中央事件总线 上面方式都是处理的父子组件之间的数据传递,那如果两个组件不是父子关系呢?也就是兄弟组件如何通信? (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读