vuex的基本使用

store: 数据仓库，是每一个vuex应用的核心，用来存储所有交互数据

核心概念：

state: 用来存放所有交互数据

mutation: 改变，只有它可以操作state数据改变

vue + vuex 全家桶结合

1. 定义vuex的数据(index.js)，创建store对象并暴露

2. 在main.js中引入暴露的store对象，注入到new Vue()实例中

3. 在组件中使用vuex仓库的数据

想要访问属性有两种方式：

1. this.$store.state.xxxx

2. 写入计算属性（性能更高），在获取

computed: {xxx(){return this.$store.state.xxxx}}

{{ xxx }}

4. 数据多页面共享传递以后，如果想要改变数据

只要改变vuex数据，就Mutation

5.先书写一个mutation函数mutations: {xxx(state, 参数){}}

6. 改变时，使用this.$store.commit('mutation名字'，参数)