$store對(duì)象是Vue.js中的一個(gè)全局對(duì)象,它包含了應(yīng)用程序中的所有狀態(tài)管理模塊。
通過(guò)$store對(duì)象,開(kāi)發(fā)者可以在應(yīng)用程序中輕松管理狀態(tài),例如,可以使用$store對(duì)象創(chuàng)建一個(gè)數(shù)據(jù)模型,并將其綁定到Vue.js組件中,這樣就可以在組件中訪問(wèn)應(yīng)用程序的數(shù)據(jù)模型。
在應(yīng)用程序中,使用$store對(duì)象的第一步是引入Vuex庫(kù)。在Vue.js中,可以使用npm安裝Vuex庫(kù):
npm install vuex --save
在Vue.js中引入Vuex庫(kù)以后,可以在應(yīng)用程序中創(chuàng)建store實(shí)例,使用以下的代碼:
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
在這個(gè)代碼中,store對(duì)象的屬性state代表了應(yīng)用程序中的數(shù)據(jù)模型。在這個(gè)數(shù)據(jù)模型中,我們定義了一個(gè)count屬性,并將其初始值設(shè)為0。
mutations屬性代表了應(yīng)用程序中的所有變異方法。例如,在上面的代碼中,我們定義了一個(gè)increment方法,它將count屬性的值加1。當(dāng)我們調(diào)用increment方法時(shí),$store對(duì)象會(huì)訪問(wèn)應(yīng)用程序的數(shù)據(jù)模型,并更新其值。