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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章