vuex是什麼東西？

2022-08-25 18:09:30 字數 1466 閱讀 6123

vuex是什麼鬼？

文件上面對vuex的解釋是 "乙個專為 vue.js 應用程式開發的狀態管理模式",恩，看完這句是否對vuex有了乙個大概的認識？

答案是："認識你個蛇頭"。

好吧，在我的認識裡，vuex其實就是將元件中的資料集中起來管理的東西,vue是乙個根據資料渲染檢視的框架，當元件中的資料變化了，檢視相應的產生變化，那這裡的資料變化，也可以稱作是狀態變化，所以官方給的解釋是乙個 "狀態管理模式"。

import vuex from 'vuex'


vue.use(vuex)
開始使用vuex，vuex用資料倉儲(store)來管理被集中起來的資料，我們在使用vuex的時候，首先new乙個vuex.store的例項，為了管理方便，一般我們新建乙個目錄專門用來存放store倉庫，在vuex中需要用到vue，所以首相引入vue，vuex，再通過new方法構建出乙個資料倉儲的例項。

import vue from 'vue'


import vuex from 'vuex'


vue.use(vuex);


export default new vuex.store()
在根元件中引入這個vuex.store例項，將其註冊到vue例項中

import vue from 'vue'


import router from './router'


import vuex from 'vuex'


import store from './store'  //引入vuex.store例項


vue.config.productiontip = false


vue.use(vuex);


new vue();
在建立例項的時候傳入的引數物件中，有乙個state屬性，在這個屬性中用來存放全域性的應用資料，元件中的data存放的是區域性資料。

在我們把vuex.store例項注入到vue例項中的時候，vue例項物件下就會多出來乙個屬性：$store,我們在元件內部可以通過this.$store來訪問這個vuex.store例項。通過this.$store.state來訪問被存起來的全域性資料。

為了滿足對資料的各種操作，在vuex.store例項物件引數中除了state之外還有很多屬性：

mutation

action

在vuex中除了mutation還有乙個屬性可以用來修改資料，和mutation類似，但又不同，不同之處在於：

- mutation處理之後不會返回任何結果

- action 處理提交的也是mutation，不是直接更改狀態(資料)，action可以包含任意非同步操作

- action通過 this.$store.dispatch('事件名',引數)

- 如果我們希望store修改完資料以後會返回資料給元件，那麼使用actions，否則使用mutations

是什麼東西 金錢是個什麼東西？

多數人看到大筆錢都會有一種莫名的興奮，為什麼會興奮呢？因為足夠的金錢能換來自己想要的東西，錢刺激著你的每根神經和細胞，你會控制不住地興奮。錢是個什麼東西？錢是所有物質的替代品，包括房子 車子 愛情 性 健康 未來。只要你方法得當，足夠的金錢可以交換幾乎所有想要的東西。錢是虛幻的。錢可以作為大多數人追...

ARM是什麼東西？

arm是什麼東西？arm advanced risc machines 既可以認為是乙個公司的名字，也可以認為是對一類微處理器的通稱，還可以認為是一種技術的名字。1991 年 arm 公司成立於英國劍橋，主要 晶元設計技術的授權。目前，採用 arm技術智財權 ip 核的微處理器，即我們通常所說的 a...

cookie是什麼東西？

所謂cookie，只是一條極為短小的資訊，它能夠被 自動地放置在一台電腦的硬碟中。通過cookie，可以識別你是第一次訪問，或是又一次訪問它。還可以利用cookie了解你對哪些內容感興趣，收集與使用者有關的資訊，例如郵政區號 計算機晶元的型別以及其他資訊。在你瀏覽某些 的時，的程式會在你不知不自覺中...