Vuex核心概念-01-State的兩種方式(1)
阿新 • • 發佈:2021-01-10
技術標籤:Vuex
Vue核心概念:
State
State提供唯一的公共資料來源,所有共享的資料都要統一放入Store的State進行儲存。
// 建立store資料來源,提供唯一公共資料
// 1.new一個Vuex.Store建構函式,得到Store一個例項物件
// 在new例項物件期間,提供了一個state的屬性,用來創造公共資料來源
// state指向一個物件,物件裡面的資料就是全域性共享的資料
const store = new Vuex.Store({
state: { count: 0 },
});
// 元件訪問State中資料的第一種方式:
this.$store.state. 全域性資料名稱
Addition.vue
<h3>當前最新的count值為:{{ $store.state.count }}</h3> // 預設隱藏在字首會有this
說明共享資料是成功的,再通過$store.state.訪問state的屬性也是成功的。