Vuex 基础-01

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 =