这次给大家带来vue如何在外部调用methods，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是父组件
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
使用mint-ui时间插件时怎么获取选择值
vue+checkbox怎样操作数据绑定及获取与计算
以上就是vue如何在外部调用methods的详细内容。