一、引出問題

目標

明確 vuex 同樣遵循單向數據流，組件中不能直接修改倉庫的數據

這樣數據的流向才會更加清晰，將來對數據的修改，都在倉庫內部實現的，更易于維護

直接在組件中修改Vuex中state的值

Son1.vue

button @click="handleAdd">值 + 1</button>methods:{handleAdd (n) {// 錯誤代碼(vue默認不會監測，監測需要消耗性能)this.$store.state.count++// console.log(this.$store.state.count) },
}

---

二、開啟嚴格模式

在最終上線的時候是不需要開啟嚴格模式的

通過 strict: true 可以開啟嚴格模式，開啟嚴格模式后，直接修改state中的值會報錯

state數據的修改只能通過mutations，并且mutations必須是同步的

// 創建倉庫
const store = new Vuex.Store({// 開啟嚴格模式（有利于初學者，檢測不規范的代碼 => 上線時需要關閉，因為它是會消耗我們性能的）strict: true,// 通過 state 可以提供數據state: {strict: true,count: 100,title: '倉庫大標題'}
})