vue 调用子组件里面的方法

Question

最近做一个项目，遇到一个问题我想调用子组件里面的方法但是子组件里面里面还有一个组件基本路径： 父-》子-》子我要使用最后一个子元素的办法，但是中间的是引入的模块，所以不能具体配置，我能使用this.$refs.ref.$refs.res.function()吗？### 题目描述题目来源及自己的思路相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

用mixin呢，把要使用的公共方法放到mixin里面，然后父子组件都引用不就行了？类似这样：

mixin.jsexport default {
   commonFunc () {

   }
}

父组件import mixin from 'mixin.js'....
 mixins:[mixin],
....

子组件import mixin from 'mixin.js'....
 mixins:[mixin],
....




Answer 2

可以。不过不建议这么做，组件的层级关联太紧密了，建议用vuex、或者bus机制