1. 程式人生 > 其它 >Vuex核心概念-01-State的兩種方式(1)

Vuex核心概念-01-State的兩種方式(1)

技術標籤: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的屬性也是成功的。