『壹』 vue中父組件調用子組件的方法
方法一：通過ref直接調用子組件的方法；
方法二：通過$Children調用子組件方法(不推薦，獲取到的可能不是index對應的)
『貳』 vue 怎麼調用其他組件的方法
vue組件的數據傳遞應該是單向，永遠是向下的，把父組件屬性方法傳遞到子組件。
如果子組件要改變不同的顏色，是應該接受父組件傳遞進來的props，自己調用自己的方法，把props當個參數來判斷來顯示什麼顏色，而不是讓父元素調子組件的方法。
還有一種是vuex，組件本身跟store的某個值綁定，外部組件修改store的值，來影響該組件的顏色。
『叄』 vue怎麼在methods當中調用外面定義的的函數
1.首先定義一個公共的vue組件；
[html] view plain
vareventHub=newVue();
2.在事件當前的組件中，在created中，用$on向公共的組件eventHub傳遞，translate是自定義的，getCardNum(data)是要在外部調用的方法;
[html] view plain
eventHub.$on('translate'薯塌胡,function(data){
that.getCardNum(data);
});
3.最後在父組件中，注意負組件要用一個變數保存，var vm = new Vue({})；
4.在父組件中的methods的方法中定義一個方法，在方法里用$emit接收公共組件里的方法；
[html] view plain
varvm=newVue({
el:'數攔#example',
data:{衫模
msg:'HelloDirective',
data:{}
},
methods:{
getCardNum:function(data,on){
eventHub.$emit('translate',data);
}
}
});
5.最後就可以在vue組件外部，或者文件外部調用getCardNum（data）這個函數，比如在html中就可以 onclick = vm.getCardNum() 這樣來調用；vm是父組件
6.注意一定要把父組件的變數名寫上 vm.getCardNum()；
『肆』 編程大白話之-vue頁面之間方法的互調
1.利用ref
2.通過組件的 on方法；
1.直接在子組件中通過this.$parent.event來調用父組件的方法
2.在子組件中使用$emit向父組件觸發一個事件，父組件監聽這個事件
3.父組件把方法傳入子組件中，在圓物逗子組件里直接調用這個方法
以上方法，效率有所不同，根據螞塌實際需橘賣求選擇合適的方法。
『伍』 vue 子父組件相互調用的方法 2018-11-09
以下內容只是我個人學習時的記錄，可能與實際有偏差，大佬勿怪
1傳值（父傳子）
父組件給子組件傳值 藉助 props
父組件：
傳一個叫做 put_child 的變數給子組件
子組件：
子組件在 props 中定義接受的變數，然後就能使用
2傳值（子傳父）
子組件給父組件傳值，通過 $emit
父組件：
在父組件中綁定一個屬性,同時定義一個方法接受，子組件發送過來的數據
子組件：
調用 $emit 傳給父組件上綁定的屬性，剩下的就是父組件處理了
3.調用方法(子調父)
目前只掌握了，同$emit傳值給父一樣,同上這里就不寫出了
4.調用方法(父用子)
父組件：
在父組件中 ref 屬性 定義一個變數，當我使用 this.$refs.變數 會把子組件對象返回，這樣我們就可以調用子組件的方法
『陸』 vue引入的公共js怎麼調用vue引入的其他組件的方法
Vue.directive('my-directive',{deep:true,update:function(obj){/擾氏/豎陸在`obj`的嵌套屬性變余李頃化時調用}})
『柒』 Vue父組件觸發子組件中的方法
實現點擊父組件的按運拿鈕可以調用 子組件裡面的方法
1、在子組件中：<div></div>必須要存在
2、在父組件中：首先要引入子組件 import Child from './child';
3、 ref="mychild"是子組件在父組件中的名字
4、在旁碧搭父組件的方慧頌法中調用子組件的方法， this.$refs.mychild.getList("父組件調用子組件方法")
『捌』 vue兄弟組件之間方法調用
方法一：
父組件 index.vue 中含有兩個兄弟組件 business.vue 及 detail.vue
當 business.vue中主協辦分配選擇完成後 需要刷新 detail.vue中的數據
在父組件中 的 business.vue組件上 定義觸發的方法 <business @updateDate='updateDate'></business>
在父組件中 的 detail.vue組件上 定義觸發的方法 < detail.vue ref='detail'></detail>
在兄弟組件中 主協辦分配選擇完成後showUserAssignData方法去觸發父組件 index.vue的updateDate方法
在父組件中 updateDate方法去觸發detail.vue組件中刷洗數據的方法
方法二：採用公共bus方法---js方法
第二個子組件需要調用第二個子組件方法
在main.js中 注冊一個公共實例並綁定到原型上
Vue.prototype.$bus = new Vue()
在第一個子組件中注冊一個方法 在created 或者mounted中注冊
在兄弟組件中觸發該方法
『玖』 vue父組件調用子組件的方法
要想在父組件中調用子組件的方法，首先必須使用`v-on`指令將某個實雀埋例方法綁定到當前實例上，然後可以通過`this。
$refs`來獲取字組件的實例，從而調用組件的方法。
具體步驟如下，1、在父組件中使用`v-on`指令將某鏈歲則個實例方法綁定到當前實例上，```
$refs`獲取子組件實例，```this。
$refs。
child```3、調用子組件中的方法，```this。
$refs。
child。
methodName```在Vue2.0中，可以使用`props`和**事件機制**來在父組件和子組件之間進行通信，但是不能直接調用子組件的方法，必須利用$refs間接調用。
『拾』 vue子組件怎麼調用父組件的方法
vue中的組件有個ref屬性，你可以理解成組件的id，而父組件這有個屬性值叫$refs，可以取出所有帶ref屬性的組件。
然後就可以通過this.$refs.xxx訪問到子組件。xxxx即為你的組件的ref屬性的值！
裡面的屬性或者方法都可以直接取了！