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

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

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

Logo

前往低代码交流专区

更多推荐