mpvue使用vuex进行状态管理-基本使用

1:新建store文件夹,用来保存.js文件


2:index.js中的内容

import Vuefrom 'vue'

import Vuexfrom 'vuex'

import statefrom './state'

import mutationsfrom './mutation'

Vue.use(Vuex)

export default new Vuex.Store({

state,

  mutations

})

3:state.js中的内容

const state = {

houseContent:'迩伶贰blog'

}

export default state

4:mutations.js中的内容

const mutations = {

increment (state, result) {

state.houseContent = result

}

}

export default mutations

5:在全局main.js中引入:


6:使用:

取值:let house =this.$store.state.houseContent

赋值:this.$store.commit('increment', result)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 8,001评论 0 7
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,311评论 0 6
  • ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 4,032评论 0 3
  • ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 3,012评论 0 0
  • Vuex 的学习记录 资料参考网址Vuex中文官网Vuex项目结构示例 -- 购物车Vuex 通俗版教程Nuxt....
    流云012阅读 5,333评论 0 7

友情链接更多精彩内容