ホームページ > 記事 > ウェブフロントエンド > vuex の 5 つの属性とは何ですか
#推奨: 「vuex の 5 つの属性は次のとおりです: 1. state 属性は変数を格納するために使用されます; 2. getters 属性は state の計算された属性に相当します; 3. mutations 属性は更新データを送信するために使用されます; 3. mutations 属性は更新データを送信するために使用されます。 4. アクション属性 ;5. モジュール属性、モジュラー vuex に使用されます。
vue チュートリアル」
vue での vuex の 5 つの属性と基本的な使用法
VueX は、Vue.js アプリケーション用に特別に設計された状態管理フレームワークで、各 vue コンポーネントの変更可能な状態を一元的に管理および維持します (vue コンポーネント内のデータとして理解できます)。Vuex には 5 つの中心的な概念があります:
state,
getter,
mutations,
アクション、
モジュール。
import Vue from 'vue' import Vuex from 'vuex' import user from './modules/user' import global from './modules/global' import getters from './getters' Vue.use(Vuex) const store = new Vuex.Store({ modules: { user }, getters }) export default store 在store文件下的getters.js中引入 const getters = { self: state => state.user.self, token: state => state.user.token, currentCommunity: (state, getters) => { let cid = getters.currentCommunityId return getters.communities.filter(item => { return item.communityId === cid }) } } export default getters 在modules文件下的user.js写代码 const user = { state:{ self: null, token: '', }, mutations:{ SET_SELF: (state, self) => { state.self = self }, SET_TOKEN: (state, token) => { state.token = token } }, actions:{ login ({ commit }, res) { commit('SET_SELF', res.self) commit('SET_TOKEN', res.token } } export default userデータを保存するには、次の 2 つの方法を使用します:
dispatch:异步操作,写法: this.$store.dispatch('mutations方法名',值) commit:同步操作,写法:this.$store.commit('mutations方法名',值)
以上がvuex の 5 つの属性とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。