组件传递参数:
// 父组件使用porp 传递参数 子组件使用 porps接收
value: {
type: Object
}
},
// 子传父:使用$emit事件进行传递参数 $emit触发事件 $on绑定事件
Event.$emit('name',data) // 其中name理解为发送数据的名称 要与$on 接收数据的name保持一致
Event.$on('name',function(data){}) // name是接收数据的名称 与发送数据name一致,第二个参数是方法,对数据进行操作
// 同级组件传递参数 使用bus 公交车
// 触发事件: 这里有this指向问题,需要将bus声明在组件vue实例外部,
bus.$emit("name",params) // name理解为传递参数的名称;params为传递参数
// 应对事件:
bus.$on("name",function(){}); // 接收数据 此处没理解需要再实践 全局事件是否需要关闭?
// 组件通讯的其他方式:
// 父组件
provide(){
return{
msg:'需要传递的参数'
}
}
// 子组件
inject:['msg'] // 接收的那么和传递的name保持一致