简单的封装js

//一、对 utils.js 通过 export default 默认导出为对象
//utils.js 内容：
//import {Message, MessageBox} from 'element-ui' // elementui 引入(这里根据个人需求决定是否需要导入)
export default {
  //等同于test: function ()...
  test(x){
    console.log(x)
  },
  hello(){
    console.log("Hello World!")
  }
}

//在main.js中引入：

//公共js函数
import utils from "@/util/utils"; // @ 默认的是 src 文件夹，后面省略了utils.js 后面的后缀名js
Vue.prototype.$utils = utils;    //直接定义在vue的原型上面

//这样在组件中，就可以直接拿来用了，写法为：this.$utils.hello( )