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名字',参数)