vuex状态管理
1.vuex是什么
vuex是一个专为了vue.js应用程序开发的状态管理模式(也是一种数据共享的模式)
2.vuex解决了什么问题
组件之间的通信(传值)
3.vuex的使用
1).先下载(vue2下载vuex3版本,vue3下载vuex4版本)
vue2下载vuex3版本:npm install vuex@3.1.0 -s
vue3下载vuex4版本:npm install vuex@next --save
2).在main.js引入以及全局注册
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
3).创建vue实例
const store=new Vuex.Store({//创建vuex的路由实例
state:{//vuex的状态
msg:'whrgujhrfgsskj'
}
})
4.vuex的五大状态
1).state(单一状态树):用来存储数据的地方,跟vue实例的data一样
使用方法1:this.$store.state.msg
使用方法2:使用辅助函数mapState
import { mapState } from "vu