日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長提供免費收錄網(wǎng)站服務,提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:52010
  • 待審:67
  • 小程序:12
  • 文章:1106242
  • 會員:784

在 vue.js 2 中使用 vuex,需要安裝 vuex,創(chuàng)建一個 vuex 存儲,并在組件中使用 vuex 存儲。映射狀態(tài)助手 mapstate 允許組件訪問 vuex 狀態(tài),而映射突變助手 mapmutations 允許組件使用 vuex 突變。

如何在 Vue.js 2 中使用 Vuex

Vuex 是一個用于管理大型 Vue.js 應用程序狀態(tài)的集中式狀態(tài)管理庫。它允許組件輕松訪問和修改應用程序狀態(tài),從而提高應用程序的可維護性和可測試性。

安裝 Vuex

首先,在你的項目中安裝 Vuex:

npm install vuex

登錄后復制

創(chuàng)建 Vuex 存儲

接下來,創(chuàng)建一個 Vuex 存儲:

import Vuex from 'vuex'
import Vue from 'vue'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 你的狀態(tài)對象
  },
  getters: {
    // 你的 getter 方法
  },
  mutations: {
    // 你的 mutation 方法
  },
  actions: {
    // 你的 action 方法
  }
})

export default store

登錄后復制

在組件中使用 Vuex

一旦你創(chuàng)建了 Vuex 存儲,你就可以在組件中使用它:

<template><div>
    {{ count }}
    <button>+</button>
  </div>
</template><script>
import { mapState, mapMutations } from 'vuex'

export default {
  computed: {
    ...mapState(['count'])
  },
  methods: {
    ...mapMutations(['increment'])
  }
}
</script>

登錄后復制

映射狀態(tài)助手

mapState 助手可以讓你在組件中使用 Vuex 狀態(tài):

computed: {
  ...mapState(['count'])
}

登錄后復制

這將創(chuàng)建一個計算屬性 count,該屬性映射到 Vuex 存儲中的 count 狀態(tài)。

映射突變助手

mapMutations 助手可以讓你在組件中使用 Vuex 突變:

methods: {
  ...mapMutations(['increment'])
}

登錄后復制

這將創(chuàng)建一個方法 increment,該方法映射到 Vuex 存儲中的 increment 突變。

分享到:
標簽:vue2 Vuex
用戶無頭像

網(wǎng)友整理

注冊時間:

網(wǎng)站:5 個   小程序:0 個  文章:12 篇

  • 52010

    網(wǎng)站

  • 12

    小程序

  • 1106242

    文章

  • 784

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨大挑戰(zhàn)2018-06-03

數(shù)獨一種數(shù)學游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數(shù)有氧達人2018-06-03

記錄運動步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定