如果要通過 script 標(biāo)簽引入 vuex, 需要在 eslint 的配置文件中設(shè)置 global，或者在 webpack 配置中添加 externals，并使用 import 語(yǔ)句引入。

vuex是一個(gè)專門為vue.js設(shè)計(jì)的狀態(tài)管理模式，并且也可以使用devtools進(jìn)行調(diào)試。

在vuex出現(xiàn)之前，vue里面的狀態(tài)是屬于‘單向數(shù)據(jù)流’。舉個(gè)官網(wǎng)的例子:

new Vue({    // statedata () {        return {            count: 0}},    // viewtemplate: `<div>{{ count }} </div`,    // actionsmethods: {increment () {            this.count++}}})12345678910111213141516

其中

• state是一個(gè)數(shù)據(jù)源

• view以聲明的方式將state映射到視圖

• actions 響應(yīng)在view上的用戶輸入導(dǎo)致的狀態(tài)變化 

但是解決不了 多個(gè)組件共享狀態(tài)

所以vuex應(yīng)運(yùn)而生




簡(jiǎn)單來說，就是共享的狀態(tài)用state來存放，用mutations來操作state，但是需要用store.commit來主動(dòng)式的操作mutations。

下面來單獨(dú)介紹 state，getters，mutations，actions，modules

State

單一狀態(tài)樹 vuex使用單一狀態(tài)樹，那么就可以用一個(gè)對(duì)象來包含全部的應(yīng)用層級(jí)狀態(tài)。所以state就作為數(shù)據(jù)源。 如何在組件中獲得vuex狀態(tài)？ 由于vuex的狀態(tài)存儲(chǔ)是響應(yīng)式的，所以從store實(shí)例中讀取狀態(tài)的最簡(jiǎn)單方法就是使用計(jì)算屬性來返回某個(gè)狀態(tài)：

這個(gè)是store/state.js中聲明的數(shù)據(jù)源 

話題0：vuex store.dispatch 怎么獲得
回答：vue組件的數(shù)據(jù)傳遞應(yīng)該是單向，永遠(yuǎn)是向下的，把父組件屬性方法傳遞到子組件。 如果子組件要改變不同的顏色，是應(yīng)該接受父組件傳遞進(jìn)來的props，自己調(diào)用自己的方法，把props當(dāng)個(gè)參數(shù)來判斷來顯示什么顏色，而不是讓父元素調(diào)子組件的方法。 還有...
話題1：vuex 中怎么進(jìn)行 http請(qǐng)求
回答：1、下載安裝Charles，直接百度搜索“Charles”第一個(gè)就是。 2、安裝好之后，打開軟件 3、打開菜單欄，選擇“Proxy”,勾尋Starting Recording”和“Mac OS X Proxy”。其中“Starting Recording”表示開始進(jìn)行記錄網(wǎng)絡(luò)請(qǐng)求?！癕ac OS X Proxy”表示將系統(tǒng)代...
話題2：如何使用Vuex+Vue.js構(gòu)建單頁(yè)應(yīng)用
回答：按照上面我們列出來的功能模塊，我們?cè)?Vuex/ 下面建立一個(gè) store.js 文件 import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); // 需要維護(hù)的狀態(tài) const state = { notes: [], activeNote: {}, show: '' }; const mutations = { /...