vue組件之間傳值總結

   <!--
        作者：wtt
        時間：2019-05-28
        描述：父組件給子組件傳值：
        1.父組件調用子組件的時候動態綁定屬性
        <v-home :title='homeTitle' :tableList='tableList' :run='run' :init='this'></v-home>
        2.子組件定義props接收動態綁定的屬性
        props: ['title','tableList','run','init']
        3.子組件使用數據
    -->
    <!--
        作者：wtt
        時間：2019-05-28
        描述：子組件主動獲取父子間的屬性和方法：
        在子組件中使用this.$parent.屬性/this.$parent.方法

    -->
            <!--
        作者：wtt
        時間：2019-05-28
        描述：子組件給父組件傳值：
        1.父組件調用子組件時綁定屬性ref
         <home-header :ref='header'></home-header>
        2.在父組件中使用this.$refs.header.屬性/this.$refs.header.方法

   -->
        <!--
        作者：wtt
        時間：2019-05-28
        描述：非父子組件傳值方法：
        1.創建VueEvent.js
        2.在創建的VueEvent.js里引入vue實例，實例化vue，暴露vue實例
        import Vue from 'vue';  var VueEvent=new Vue()    export default VueEvent;
        3.在要廣播的組件引入定義的實例
        import VueEvent from '/project-vue/src/Model/VueEvent.js'
        4.通過VueEvent.$emit('名稱',數據);
        VueEvent.$emit('to-header',this.message);
        5.在要接收的組件中VueEvent.$on('名稱',function(data){});
        VueEvent.$on('to-header',function(data){
            console.log(data)
        });

    -->