vue定义全局函数，以及在自定义js文件中引入ui库的功能

开发时将常用的函数放到一个js文件中，作为全局函数随时使用，很方便

新建文件util.js

export default { 
  toast: function(txt){
    alert(txt)
  },
 ....
}

在main.js中将其设置为全局函数

// 全局函数
import util from './util/util.js' // 导入api接口
Vue.prototype.$util = util; // 将api挂载到vue的原型上

使用

methods: {
    click() {
      this.$toast('23')
    },
}

瞧，就是如此简单，赶紧去试试吧

---

进阶使用-在自己的js文件中使用ui库的功能
现在考虑这样一种情况，我要在这个toast中使用vant的toast功能(自己写样式不好看)，这要怎么做呢

首先在main.js中引入

// vant-ui
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);

然后在自己的js文件中这样写就OK了

import {Toast} from 'vant';
export default { 
  toast: function(txt){
    Toast(txt)
  },
 ....
}