1.父向子传递数据
在父组件的子组件标签上绑定一个属性,挂载要传输的变量
在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props: [“属性 名”] props:{属性名:数据类型}
2.子向父传递数据
在父组件的子组件标签上自定义一个事件,然后调用需要的方法
在子组件的方法中通过 this.$emit(“事件”)来触发在父组件中定义的事件,数据是以参数的形式进行传递的
3.全局事件总线
1.先定义一个全局vue的实例,名为$bus
2.将要传递的数据保存到自定义事件中
通过$bus.$emit ("事件名" , "参数") 来派发事件,数据是以emit()的参数形式来传递
3.接受的数据的一方引入子组件然后通过$bus.$on(“事件名”,(data)=>{data是接受的数据})
4.祖辈向后代传递数据(provide、inject)
1.provide提供数据
2.inject接收数据