vue组件之间的传值

父组件向子组件传值
父组件发送的形式是以属性的形式绑定值到子组件身上,可以分为 静态传递 或者 使用 v-bind动态传递。
然后子组件用属性props接收
在props中使用驼峰形式,模板中需要使用短横线的形式字符串形式的模板中没有这个限制

子组件向父组件传值

子组件用 $emit() 触发事件
$emit() 第一个参数为 自定义的事件名称 第二个参数为需要传递的数据
父组件用v-on 监听子组件的事件

兄弟之间的传递
兄弟之间传递数据需要借助于事件中心,通过事件中心传递数据
提供事件中心 var hub = new Vue()
传递数据方,通过一个事件触发hub.$emit(方法名,传递的数据)
接收数据方,通过mounted(){} 钩子中 触发hub.$on()方法名
销毁事件 通过hub.$off()方法名销毁之后无法进行传递数据

 

posted @ 2021-04-25 22:03  浣熊sky  阅读(41)  评论(0编辑  收藏  举报