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

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

1、单个方法函数

  1. 新建goBack.js
    var goBack = function() {
        xxx
    }
    export default goBack;

     

  2. main.js中引入并定义
    import goBack from '../static/js/goBack';
    Vue.prototype.$back = goBack; //用$与组件内自定义的函数区分,其余符号也能够

     

  3. 组件中使用
    go: function() {
          this.$back(); }

2、多个方法this

    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
          };
      };

       

    2. main.js中引入并注册
      import all from '../static/js/all';
      Vue.use(all);//将全局函数当作插件来进行注册

       

    3. 组件中使用
      go: function() {
                this.$back();               
            }
相关文章
相关标签/搜索