vue-cli工具类整合

我们做Vue脚手架项目时,经常会用到很多重复的代码段或者方法函数,所以我们可以封装起来,想用的时候就用,也避免了代码冗余。
1、在src根目录下创建util文件夹,里面创建util.js;
2、在src根目录下的main.js中键入以下代码,引入util.js,并且全局注册;

import utils from './util/util'

Vue.prototype.$utils=utils

这里也可以在需要使用的文件中使用类导入

import Utils from './util/utils.js'

3,写工具类

var utils = {
    a: 'hello',
    b: function(){
        console.log("hello");
    }
}
export default utils
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章