vue公共组件示例

第一步，公共库文件下面新建公共文件utils.js image.png

编写测试代码：
/*
*接下来是定义全局函数
*因为全局函数是要给外部使用的，所以需要将函数用export告知外部即可
*比如我们在这里定义了日期的格式，供后面组件统一改变
*/
//测试方法

export default{
  test:function(){
    console.log("1111");
  }
}

main.js 引用这个方法，并将它挂载到Vue对象下面

image.png

import  utils from '../utils/utils'
Vue.prototype.utils=utils;

最后在我们要调用的方法里面 调用这个方法

image.png

this.utils.test()

成功截图

image.png