vuex按需載入,避免首頁初始化所有資料

2021-10-21 03:21:54 字數 460 閱讀 9673

大型專案中,不管首頁需不需要那麼多變數,vuex都會一次性打包進去,vuex會很大,因為都是一次性載入的

需求:按需非同步載入vuex

解決方案如下

第一步:把.vue檔案對應的vuex拆分出來

第二步:在***.vue檔案裡面新增 name 和 isneedvuex 屬性

注意:為了保證引入store下的檔案名字跟元件命名一樣,請自行選擇合理的命名方式

第三步:用到 vue.use 和 vue.mixin 兩個api

在main.js中新增如下**:

vue.use(function() );}}

});});

vuex的初始化

建立store資料夾 1.功能 放非同步操作 檔案 actions.js 內容 2.功能 獲取state裡資料 檔案 getters.js 內容 export const singer state state.singer 3.功能 放置方法名 檔案 mutation types.js 內容 exp...

初始化 MyBatis初始化之載入初始化

在mybatis初始化過程中,大致會有以下幾個步驟 1.建立configuration全域性配置物件,會往typealiasregistry別名註冊中心新增mybatis需要用到的相關類,並設定預設的語言驅動類為xmllanguagedriver 3.構建defaultsqlsessionfacto...

java 初始化載入

總之一句話,靜態 塊內容先執行,接著執行父類非靜態 塊和構造方法,然後執行子類非靜態 塊和構造方法。注意 子類的構造方法,不管這個構造方法帶不帶引數,預設的它都會先去尋找父類的不帶引數的構造方法。如果父類沒有不帶引數的構造方法,那麼子類必須用supper關鍵子來呼叫父類帶引數的構造方法,否則編譯不能...