Vue 全局方法(单个和多个方法)

参考: https://www.cnblogs.com/zhcBlog/p/9892883.html
https://blog.csdn.net/xuerwang/article/details/82761214
https://www.cnblogs.com/liuyishi/p/9459289.html

一、单个方法

  1. 新建goBack.js
var goBack = function() {
    xxx
}
export default goBack;
  1. main.js中引入并定义
import goBack from '../static/js/goBack';
Vue.prototype.$back = goBack; //用$与组件内自定义的函数区分
  1. 组件中使用
go: function() {
                this.$back();               
            },

二、多个方法

  1. 新建all.js
exports.install = function(Vue, options) {
    Vue.prototype.$back = function() { //全局函数1
        xxx
    };
    Vue.prototype.$pushH = function() { //全局函数2
        xxx
    };
    Vue.prototype.$pushHN = function() { //全局函数3
        xxx
    };
};
  1. main.js中引入并注册
import all from '../static/js/all';
Vue.use(all);//将全局函数当做插件来进行注册
  1. 组件中使用
go: function() {
                this.$back();               
            },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容