‘壹’ 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属性的值！
里面的属性或者方法都可以直接取了！