vue 全局方法（单个和多个方法）

• Z时代
• 2024-01-10
• 分类：综合

参考： 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;

2. main.js中引入并定义

   import goBack from '../static/js/goBack';
   Vue.prototype.$back = goBack; //用$与组件内自定义的函数区分，其他符号也可以

3. 组件中使用

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

2. main.js中引入并注册

   import all from '../static/js/all';
   Vue.use(all);//将全局函数当做插件来进行注册

3. 组件中使用

   go: function() {
             this.$back();               
         }

以上是 vue 全局方法（单个和多个方法） 的全部内容， 来源链接： utcz.com/z/380778.html