vuex中getter的用法

2021-09-24 07:45:43 字數 688 閱讀 2139

在vuex中getter相當於計算屬性

1.在store.js中寫上:

import vue from 'vue'

import vuex from 'vuex'

vue.use(vuex)

export default new vuex.store(,

mutations:,

getters: ,

// 兩個引數

countdoubleanddouble: function(state, getters) }})

2.在元件的頁面寫:(這裡呼叫的方式有兩種)

第一種:

+ 乙個引數:}

兩個引數}

data ()

},(............重點............)

countdouble: function(),

countdoubleanddouble: function(),

methods:

}第二種:

import from 'vuex'

...mapgetters([

'countdouble',

'countdoubleanddouble',

]),無論用哪一種結果都是一樣的,看個人喜好...........

複製**

Vuex 學習3 核心概念Getter

教程來自vuex官網教程 有時候我們需要從 store 中派生出一些狀態,例如對列表進行過濾並計數 computed 如果有多個元件需要用到如此多個屬性,我們要麼賦值這個函式,或者抽取乙個到共享函式然後在多處匯入它 無論哪種方法都是很不理想的。vuex 允許我們在 store 中定義 getter ...

Vuex中mapState的用法

import vue from vue import vuex from vuex import mutations from mutations import actions from action import getters from getters vue.use vuex const st...

Vuex中mapState的用法

今天使用vuex的時候遇到乙個坑,也可以說是自己的無知吧,折騰了好久,終於發現自己 的錯誤了。真是天雷滾滾 index.js import vue from vue import vuex from vuex import mutations from mutations import action...