父传子
1、父传子 a、在父组件的子组件标签上绑定一个属性,挂载要传输的变量(父组件上做的事)传 b、在子组件中我们要通过组件的props属性来接受,props属性可以是数组也可以是对象,props:["自定义属性"] ,接过来的数据是直接可以当成属性来用
子传父
2、子传父 1、在父组件上定义一个方法,然后在父组件的子组件标签上通过绑定自定义事件来挂载这个方法 2、在子组件中的方法中通过 this.$emit("自定义事件名")来调用父组件的方法,子组件中的值是通过$emit的第二个参数开始进行传递的
兄弟之间的传值
3、兄弟之间的通信 Bus总线通信 1、在src目录中新建一个Bus.js来充当总线,bus.js中要抛出一个空vue实例 2、在需要传输数据的一方引入总线文件,然后通过Bus.$emit("自定义事件名",要传输的数据)来派发事件 3、在要接受数据的组件中引入总线,在created()钩子函数中通过Bus.$on(“事件名”,(data)=>{data就是接受的数据}) 4、在beforeDestory()中销毁事件 Bus.$off("事件名")