如何在VUE中引入工具类JS？

Question

请问在在vue项目中如何引用封装好的工具类js？该工具类js如下，

var utils = {
    a: 'hello',
    b: function(){
        console.log("hello");
    }
}

我想要在vue组件中调用该对象的方法或字段，如utils.a，则该如何实现？
谢谢。

Answer 1

var utils = {
    a: 'hello',
    b: function(){
        console.log("hello");
    }
}
export default utils

在你要引入的组件中：

import Utils from utils.js  // utils.js这个是你要引入的那个js文件

然后就可以这样调用了:

Utils.b()

Answer 2

utils.js 文件写

exports default utils;

然后通过

import utils from 'utils'

即可调用工具类 console.log(utils.a)

Answer 3

var utils = {
    a: 'hello',
    b: function(){
        console.log("hello");
    }
}

Vue.prototype.utils = utils

new Vue({
    mounted(){
        alert(this.utils.a)    //hello
    }
})

Answer 4

参考es module