Javascript Vue.js使用正确的组件

我有一个主组件，其中主组件我有一个子组件，带有

vue.js2.0

问题是子组件使用了主组件中的方法

我举了一个例子：

Vue.component（'main-component'）{
模板：“这是主组件。如果按下此按钮，“子组件”必须显示。
”，
方法：{
测试（）{
警报（“主组件”）；
}
}
})
Vue.组件（“子组件”{
模板：“这是子组件”，
方法：{
测试（）{
警报（“子组件”）；
}
}
})
var app=新的Vue({
el:“#应用程序”
})

---

也许您可以尝试以下方法：

<sub-component ref="sub"><button @click="$refs.sub.test()">...</button></sub-component>

。。。

使用一个

Vue.component（'main-component'）{
模板：`
这是主要组成部分。
如果按下此按钮，“子组件”必须显示。
`，
方法：{
测试（）{
警报（“主组件”）；
}
}
})
Vue.组件（“子组件”{
模板：“这是子组件”，
方法：{
测试（）{
警报（“子组件”）；
}
}
})
var app=新的Vue({
el:“#应用程序”
})

所以这是不可能的？我不这么认为。看来现在是介绍Vuex的好时机。下面有几个答案。我们能得到一些关于他们是否为你工作的反馈吗？@Jamie没问题：）