Vuex 部分
官網鏈接
https://vuex.vuejs.org/zh/
先說一下vuex到底是什么?
vuex 是一個專門為vue.js應用程式開發的狀態管理模式,
這個狀態我們可以理解為在data中的屬性,需要共享給其他組件使用的部分,
也就是說,是我們需要共享的data,使用vuex進行統一集中式的管理,
vuex中,有默認的五種基本的物件:
state:存盤狀態(變數)
getters:對資料獲取之前的再次編譯,可以理解為state的計算屬性,我們在組件中使用 $sotre.getters.fun()
mutations:修改狀態,并且是同步的,在組件中使用$store.commit('',params),這個和我們組件中的自定義事件類似,
actions:異步操作,在組件中使用是$store.dispath('')
modules:store的子模塊,為了開發大型專案,方便狀態管理而使用的,這里我們就不解釋了,用起來和上面的一樣,
vuex action 和 mutation之間的區別
mutation 定義的方法動態修改Vuex 的 store 中的狀態或資料,view 層通過 store.commit來分發,必須同步執行,
action可以理解為通過將mutations里面處里資料的方法變成可異步的處理資料的方法,簡單的說就是異步操作資料,view 層通過 store.dispath 來分發 action,不能直接操作state,
總結:
各個型別的 API各司其職,mutation 只管存,你給我(dispatch)我就存;action只管中間處理,處理完我就給你,
你怎么存我不管;Getter 我只管取,我不改的, action放在了 methods 里面,說明我們應該把它當成函式來用
(講道理,鉤子函式也應該可以的) mutation是寫在store里面的,這說明,它就是個半成品,中間量,
我們不應該在外面去操作它,getter寫在了 computed 里面,這說明雖然 getter我們寫的是函式,但是我們應該把
它當成計算屬性來用,
Vue+Element專案兼容IE11
鏈接 https://blog.csdn.net/around_primary/article/details/79087466
Vue+Element ui開發中碰到的IE低版本問題
鏈接 https://blog.csdn.net/github_38847071/article/details/79993935
Vue+Element的el-scrollbar滾動條
鏈接 https://www.cnblogs.com/caiyuqin/p/9045684.html
https://www.cnblogs.com/myfirstboke/p/10218138.html
vue devtool的安裝與使用(vue bug插件除錯工具的安裝與使用)
https://blog.csdn.net/AXIMI/article/details/83825042
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/197193.html
標籤:其他
下一篇:node.js靜態資源訪問
