| 檔案 | vuex | 說明 |
|---|---|---|
| store/index.js | state | 像元件裡 data() 的功能，存資料用 |
| getters | 像元件裡 computed() 的功能，可以使用 state 裡的資料做運算 |
.vue 檔要取得 store 裡的資料就需要透過 computed 向 store 取得資料
| 檔案 | vuex | 說明 |
|---|---|---|
| .vue | computed:{yourComputedFun() {return this.$store.state.yourStateDataName} |
取用 store/index.js 裡的 state 資料 |
| ...mapState([]) | 一次取用多個 store/index.js 裡的 state 資料 | |
| this.$store.getters.yourGettersDataName | 取用 store/index.js 裡的 getters 資料 | |
| ...mapGetters([]) | 一次取用多個 store/index.js 裡的 getters 資料 |
今天先理解到這邊～如果上述內容有出入，希望路過的朋友能俠義挺身糾正，感恩的心(っಠ‿ಠ)っ
iThome鐵人賽
看影片追技術