vue 调用子组件里面的方法

Question

最近做一个项目，遇到一个问题

我想调用子组件里面的方法

但是子组件里面里面还有一个组件

基本路径： 父-》子-》子

我要使用最后一个子元素的办法，但是中间的是引入的模块，所以不能具体配置，

我能使用this.$refs.ref.$refs.res.function()吗？### 题目描述

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

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

mixin.js

export default {
   commonFunc () {

   }
}

父组件

import mixin from 'mixin.js'
....
 mixins:[mixin],
....

子组件

import mixin from 'mixin.js'
....
 mixins:[mixin],
....

Answer 2

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