vue2 调用非父子组件方法的方式

今天用vue2 折腾spa的时候,遇到了这样的一个问题,有两个组件A和B,A和B不是父子组件,但是我需要在B组件中调用A组件的方法,官方文档找不到合适的答案,网上的相关资料也很少(原谅我懒得去FQGoogle)。

一番折腾之后,我想到ES6的基本语法,可以通过引入模块去调用方法,于是,我在B组件中以模块的方式引入了A组件,然后直接调用B组件的方法,成功了!

举个例子,A组件的methods里有一个add方法。

那我再B组件脚本开头引入

//B模块

import A from 'A的相对路径’

然后调用方法

A.methods.方法函数名()

这样就可以啦,很方便~

posted @ 2017-07-05 14:19  ++羊  阅读(1170)  评论(4编辑  收藏  举报