vue组件传值

1. 父组件向子组件传值

     在父组件页面里 子组件标签写一个属性（父组件要传给子组件的值）

    在子组件定义props接受属性

 2. 子组件向父组件传值

        （1）在子组件注册一个事件，用this.$emit触发事件，有两个参数，this.$emit（‘自定义事件名’，'传递的值'）。如果传递的值比较多，可以使用对象方法传递

       

 （2）在父组件自定义对应的事件

3. 兄弟组件传值 

   (1) 在main.js中定义一个方法： Vue.prototype.$bus = new Vue()

        

 （2）发送数据的一方通过vm.$emit('自定义事件','传递的值') 触发

 

（3）接受一方通过vm.$on('自定义事件名','定义函数') 

4. 给后代传值 provide 和 inject 

    （1）父组件中provide 需要传递的值

     

   （2）子组件中 ，不使用任何父组件信息

（3）孙组件中使用inject来注入

4. vueX传值