vue中怎么实现外部调用methods，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
1.首先定义一个公共的vue组件；
var eventHub = new Vue();
2.在事件当前的组件中，在created中，用$on向公共的组件eventHub传递，translate是自定义的，getCardNum(data)是要在外部调用的方法;
eventHub.$on('translate', function (data) {
that.getCardNum(data);
});3.最后在父组件中，注意负组件要用一个变量保存，var vm = new Vue({})；
4.在父组件中的methods的方法中定义一个方法，在方法里用$emit接收公共组件里的方法；
var vm = new Vue({
el: '#example',
data: {
msg: 'Hello Directive',
data: {}
},
methods: {
getCardNum: function (data, on) {
eventHub.$emit('translate', data);
}
}
});5.最后就可以在vue组件外部，或者文件外部调用getCardNum（data）这个函数，比如在html中就可以 onclick = vm.getCardNum() 这样来调用；vm是父组件
6.注意一定要把父组件的变量名写上 vm.getCardNum()；
我用vue开发的过程中，遇到java后台的弹窗页面想要调用我vue组件中的方法，可是后台的弹窗页面并没有在我的vue组件中，其他的页面想要调用的vue中的方法，只能在父组件中调用，于是研究了很久，最后确定，将组件中的function()方法传递到最上一层的父组件中，将负组件保存在变量中，最后直接在其他页面中调用方法，调用的时候，就不能用@click方法来调用了，因为后台的页面并不在我的vue组件内部，于是调用就是onclick = vm.getCardNum();这样调用，vm是父组件
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
