1.Vuex是什么?
Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。
2.使用Vuex统一管理状态的好处
能够在vuex中集中管理共享的数据,易于开发和后期维护
能够高效的实现组件直接得数据共享,提高开发效率
储存在vuex中的数据都是响应式的,能够实现数据与页面的同步
3.什么样的数据储存在Vuex中
一般情况下,只有组件之间共享的数据,才有必要储存在vuex中,对于组件的私有数据,依旧储存在自身的data中即可。
4.下载和使用Vuex
npm install vuex -S
导入vuex包
import Vuex from 'vuex'
Vue.use(Vuex)
创建store对象
const store = new Vuex.Store({
state:{count:0} //state中存放的就是全局共享的数据
})
将store对象挂载到vue实例中
new Vue({
el:"#app",
render:h => h(app), //渲染app和组件
router, //挂载路由
store
})