vue傳值以及調用方法

1.組件傳值

　　a.父==>子

　　　　a.1:父組件里面引入子組件，<div :op="sonOp"></div> ==>給sonOp進行賦值。

　　　　a.2:子組件<div :op="op"></div>在props:{op:{type:這里寫父組件傳輸過來的類型}}接受父組件的值。

　　b.子==>父

　　　　b.1:子組件，<div @on-click="addClick"></div> ==>在methods:{addClick(){ this.$emit('add-click', '')}}。

　　　　b.2:父組件里面引入子組件，<div @add-click'="addChange'"></div> ==>在methods:{addChange(item){  這里寫子組件傳值過來需要干的事情  }}。

　　c.同級

　　　　可以通過創建Vue實例js文件 

　　　　import Vue from 'vue';

　　　　let bus = new Vue();

　　　　export default bus;

　　　　需要傳值和接受的地方引入import Bus from '@/xxx/bus'

　　　　Bus.$emit(方法名', 參數) ==>發送

　　　　Bus.$on(方法名', function(參數) {}) ==>接收

　　d.可以通過vuex傳值

2.調用方法

　　a.父調用子==>給子組件設定一個ref值，this.$ref.ref設定值.方法名

　　a.子調用父==>this.$parent.initGridData()