配置中心Nacos與Apollo比較
阿新 • • 發佈:2022-05-09
vuex統一管理的好處:
1.能夠在vuex中集中管理共享的資料,易於開發和後期維護
2.能夠高效的實現元件之間的資料共享,提高開發效率
3.儲存在vuex中的資料都是響應式的,能夠實時保持資料與頁面同步
(當儲存在vuex中的資料發生了變化,那麼引用了全域性資料的那些元件也會進行重新整理)
Vuex是什麼?
集中管理所有元件的資料
可以把它理解為是一個倉庫
將元件中公有的資料都抽到VueX中
VueX中的資料 所有的元件都可以獲取 所有的元件都可以修改
下載
npm install vuex --save
在元件中獲取VueX的資料
HTML{{$store.state.count}}
JavaScriptthis.$store.state.count
在元件中修改VueX的資料
VueX修改資料必須通過 mutations 中的方法修改資料this.$store.commit(''mutations中的方法,'引數')
VueX - state
資料
所有元件的都可以使用 獲取資料
VueX - mutation
方法 修改state中的資料
getters的使用:
如果多個元件都用到一個對state裡資料處理過的值,比如求和案例中sum的20倍。通過getters僅處理一次,就可以讓多個元件同時使用。