解決vuex輔助函式在mpvue中不能使用的問題

2021-08-23 12:23:00 字數 568 閱讀 6920

vuex的輔助函式 mapstate、mapgetters、mapmutations、mapactions

但在mpvue中不能使用vuex的輔助函式,什麼原因呢?

store物件不能注入到子元件中,在子元件中不能使用this.$store。如果使用了vuex輔助函式mapmutations與mapgetters,則在子元件中會報如下的錯誤:

解決方法:

將store物件通過$store屬性新增到vue原型上,即:vue.prototype.$store = store

在main.js中,需要做一些更改:

import vue from 'vue'

import store from './store'

vue.prototype.$store = store

vue.config.productiontip = false

new vue().$mount()

vuex輔助函式的使用

vuex是vue的公共狀態管理,vuex核心的概念有五個,state,mutation,action,getter,module.1.state 所有的資料都儲存在state中 state是乙個物件 2 mutations 可以直接操作state中的資料 3 actions 只能呼叫mutation...

Vuex中的輔助函式

上篇文章我們講了vuex的使用,本來想把是想把vuex內容寫一塊,後來覺得那樣會太亂不利於入門的同學消化理解,vuex的使用問題請看上篇,本篇只講輔助函式。一 元件訪問state 從 vuex 中匯入 mapstate 函式 import from vuex 對映為當前元件的computed計算屬性...

vuex及其輔助函式簡單使用

1 新建store資料夾,內部新建index.js 檔案內部內容如下 寫法一import vuex from vuex import vue from vue vue.use vuex 第一種寫法 const state const getters const actions val account...