Vuex
一、Vuex
1.1为什么有Vuex
在vue中,父子传值是v-bind属性绑定,子向父传值是事件绑定,
兄弟组件之间共享数据值EventBus,这是适合小范围内数据共享,大范围中要用其他技术,即vuex
注意的是刷新网页会刷新vuex里state的数据
1.2什么是vuex
vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。本质上就是组件之间实现数据共享。可以把vuex看作一个仓库,所有的组件都可以把数据存在这里,也可以从这里拿取数据
1.3vuex的作用
1.能够在vuex中集中管理共享数据,易于开发和后期维护
2.能够高效的实现组件之间的数据共享,提高开发效率
3.存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步
二、什么时候使用vuex
当组件之间有共享数据时,可以使用vuex,组件私有的数据存放在data中,但这不是绝对的,视情况而定。
三、安装vuex
3.1 安装vuex
npm install vuex --save
3.2导入vuex
新建一个store.js文件用来配置store
//在store.js文件中
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(vuex)
//Vue的use其实是调用来vuex方法里的install方法
3.3创建store对象
//在store.js文件中
const store =