0
点赞
收藏
分享

微信扫一扫

vue 父子组件传值

攻城狮Chova 2022-01-20 阅读 116

父传子:
父组件 通过 v-bind 绑定属性传值给子组件,使用 : 缩写;
子组件 通过props 接收父组件的传值。

子传父:
子组件 通过$emit(‘keyName’, value) 传值给父组件;
父组件 通过在子组件上绑定v-on:keyName =“getSomething” 获取,使用@ 缩写;

其他方法:
vue bus: 通过vue事件总线的方法,可以跨级传递,也即通过 e m i t ( ) 和 emit()和 emit()on();
provide / reject: 推荐只传不改的,因为通过这个方法传递的数据失去了即时响应的特性;
vuex: 全局组件的数据存取都可以,用得上

举报

相关推荐

0 条评论