registerModule: 動(dòng)態(tài)注冊(cè)vuex模塊，對(duì)于自定義生成組件很有用

Kerr1Gan 發(fā)布于2019-08-22 16:41 / 3205人閱讀

摘要：動(dòng)態(tài)注冊(cè)模塊在創(chuàng)建之后，你可以使用方法注冊(cè)模塊動(dòng)態(tài)注冊(cè)模塊，對(duì)于自定義生成組件很有用實(shí)現(xiàn)方案注冊(cè)前后中對(duì)比結(jié)尾源碼地址

registerModule: 動(dòng)態(tài)注冊(cè)vuex模塊

在 store 創(chuàng)建之后，你可以使用 store.registerModule 方法注冊(cè)模塊：registerModule

動(dòng)態(tài)注冊(cè)vuex模塊，對(duì)于自定義生成組件很有用

實(shí)現(xiàn)方案

html


  {{message}}
  注冊(cè)前后store中modules對(duì)比：
  {{key}} {{item}}

registerModule () {
  this.$store.registerModule("registerModule", {
    state: {},
    mutations: {},
    actions: {},
    getters: {}
  })
}

結(jié)尾

源碼地址

云服務(wù)器 GPU云服務(wù)器自定義通知很有用 cdn對(duì)于動(dòng)態(tài)文件 vuejs動(dòng)態(tài)組件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/94566.html

相關(guān)文章

Vue.js應(yīng)用性能優(yōu)化：第三部分-延遲加載Vuex模塊

摘要：靜態(tài)模塊不能被取消注冊(cè)也不能延遲注冊(cè)，并且在初始化后不能更改靜態(tài)模塊的結(jié)構(gòu)不是狀態(tài)。為此，我們將在路由對(duì)應(yīng)的組件中加載模塊，而不是在中導(dǎo)入并注冊(cè)它。能代碼分割模塊是一個(gè)強(qiáng)大的工具。在前一部分，我們學(xué)習(xí)了足夠強(qiáng)大的模式，可以顯著提高應(yīng)用程序的性能 - 按每個(gè)路由分割代碼。雖然按路由分割代碼非常有用，但是在用戶訪問我們的站點(diǎn)后，仍然有很多代碼是不需要的。在本系列的這一部分中，我們將重點(diǎn)關(guān)...

charles_paul 2019-08-26 13:50 評(píng)論0 收藏0
[vue][plugin][vuex][自總結(jié)] - vuex-總結(jié)

摘要：原文出自本人博客的詳細(xì)總結(jié)博主博客兼乎說在前面最近在使用做項(xiàng)目，所以有了總結(jié)的念頭。在這種情況下，只有當(dāng)所有觸發(fā)函數(shù)完成后，返回的才會(huì)執(zhí)行。當(dāng)模塊被注冊(cè)后，它的所有及都會(huì)自動(dòng)根據(jù)模塊注冊(cè)的路徑調(diào)整命名。原文出自本人博客：vuex的詳細(xì)總結(jié)博主博客--兼乎說在前面最近在使用vuex做項(xiàng)目，所以有了總結(jié)vuex的念頭。于是在本天中午到晚上9點(diǎn)，我一直沒有停過，為了能盡快將vuex的重...

dackel 2019-08-26 11:34 評(píng)論0 收藏0
使用Webpack的代碼分離實(shí)現(xiàn)Vue懶加載（譯文）

摘要：當(dāng)一個(gè)的項(xiàng)目體積變得十分龐大的時(shí)候，使用的代碼分離功能將，或的代碼進(jìn)行分離并按需加載，會(huì)極大的提高的首屏加載速度。如果我們使用函數(shù)在中返回模塊作為載荷，就實(shí)現(xiàn)了懶加載。當(dāng)一個(gè)Vue的項(xiàng)目體積變得十分龐大的時(shí)候，使用Webpack的代碼分離功能將Vue Components，routes或Vuex的代碼進(jìn)行分離并按需加載，會(huì)極大的提高App的首屏加載速度。 showImg(https:...

SmallBoyO 2019-08-23 10:42 評(píng)論0 收藏0
Vuex源碼解析

摘要：可能會(huì)有理解存在偏差的地方，歡迎提指出，共同學(xué)習(xí)，共同進(jìn)步。先來看一下這張的數(shù)據(jù)流程圖，熟悉使用的同學(xué)應(yīng)該已經(jīng)有所了解。它允許用戶在某些情況下避免自動(dòng)安裝。寫在前面因?yàn)閷?duì)Vue.js很感興趣，而且平時(shí)工作的技術(shù)棧也是Vue.js，這幾個(gè)月花了些時(shí)間研究學(xué)習(xí)了一下Vue.js源碼，并做了總結(jié)與輸出。文章的原地址：https://github.com/answershuto/lear...

chinafgj 2019-08-21 17:19 評(píng)論0 收藏0