美文网首页
Vue 全局方法(单个和多个方法)

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

作者: 前端召唤师 | 来源:发表于2019-04-26 14:47 被阅读0次

    参考: 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();               
                },
    

    相关文章

      网友评论

          本文标题:Vue 全局方法(单个和多个方法)

          本文链接:https://www.haomeiwen.com/subject/rhifnqtx.html