vue 不同界面的通信

Question

公共组件：bar.vue
里面有调用接口的一个方法。
methods: { wishSign() { } }

公共模板：cn.vue 
全局调用了bar.vue
import VMbar from '~/components/base/bar';

界面：datail.vue
需求：我想在datail.vue里面的一个点击事件里面触发bar.vue里面的一个方法怎么做了。我用ref也获取不到bar.vue里面的方法。主要是在公共模板：cn.vue全局调用了。我直接获取不到bar.vue里面的方法。怎么才能在datail里面调用wishSign这个方法。

Answer 1

不建议这种调用方式。 这种调用方式对于他人来说难以理解，难以调试和修改。建议的做法是通过父子组件通信或者全局store的方式管理数据， 数据的改变去触发方法的调用。