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

vuex 安裝步驟包括：安裝 vuex 依賴項(xiàng) npm install vuex –save。創(chuàng)建 vuex 存儲(chǔ)，在 src 目錄建立 store.js 文件并導(dǎo)入、使用 vuex。在 vue 實(shí)例中注入 vuex 存儲(chǔ)，在 main.js 文件中導(dǎo)入并使用 store。在組件中使用 vuex，使用 mapstate、mapmutations 和 mapactions 輔助函數(shù)映射狀態(tài)、突變和動(dòng)作到組件。

如何安裝 Vuex

步驟：

1. 安裝 Vuex

npm install vuex --save

登錄后復(fù)制

2. 創(chuàng)建 Vuex 存儲(chǔ)

在 src 目錄下創(chuàng)建一個(gè)名為 store.js 的文件：

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

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    // 你的狀態(tài)對象
  },
  mutations: {
    // 你的突變對象
  },
  actions: {
    // 你的動(dòng)作對象
  },
  getters: {
    // 你的獲取器對象
  }
})

export default store

登錄后復(fù)制

3. 在 Vue 實(shí)例中注入 Vuex 存儲(chǔ)

在 main.js 文件中：

import Vue from 'vue'
import App from './App.vue'
import store from './store'

new Vue({
  store,
  render: h => h(App)
}).$mount('#app')

登錄后復(fù)制

4. 在組件中使用 Vuex

映射狀態(tài)：使用 mapState 輔助函數(shù)將 Vuex 狀態(tài)映射到組件數(shù)據(jù)：

import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState([
      'stateVariable1',
      'stateVariable2'
    ])
  }
}

登錄后復(fù)制

映射突變：使用 mapMutations 輔助函數(shù)將 Vuex 突變映射到組件方法：

import { mapMutations } from 'vuex'

export default {
  methods: {
    ...mapMutations([
      'mutation1',
      'mutation2'
    ])
  }
}

登錄后復(fù)制

映射動(dòng)作：使用 mapActions 輔助函數(shù)將 Vuex 動(dòng)作映射到組件方法：

import { mapActions } from 'vuex'

export default {
  methods: {
    ...mapActions([
      'action1',
      'action2'
    ])
  }
}

登錄后復(fù)制