vuex 业务使用

网络安全邮递员 lv.1

发布时间：2022-10-15 11:27:47 296

相关标签：

1 创建变量

cityVuex.js

export default {
  state: {
    cityArr: []
  },
  mutations: {
    setCityArr (state, arr) {
      state.cityArr = arr
    }
  },
  actions: {}
}

2.合并变量

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

import user from './module/user'
import app from './module/app'
import pageInfo from './module/pageInfo'
import cityVuex from './module/cityVuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    //
  },
  mutations: {
    //
  },
  actions: {
    //
  },
  modules: {
    user,
    pageInfo,
    app,
    cityVuex
  }
})

上面两块都是创建变量部分

下面是页面引用

import { mapMutations, mapState } from 'vuex'

这里就是展开变量

computed: {
    ...mapState({
      cityArr: state => state.cityVuex.cityArr
    })
  },


赋值变量

methods: {
    ...mapMutations(['setCityArr']),

由于我迪调用的城市组件 可能改写原数组，所有，再转到data下用

data () {
    return {
      innerCityOptions: this.cityArr,

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

新博客 https://www.VuejsDev.com 用于梳理知识点

文章来源： https://blog.51cto.com/u_15770151/5630474

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。