- 可以访问vuex官网进行了解
- https://vuex.vuejs.org/
使用vuex的好处
1.解决了非父子组件的消息传递(将数据存放在state中)
2.减少了AJAX请求次数,有些情景可以直接从内存中的state获取
3.使用vuex关闭的时候页面数据会清除但是可以通过h5 和js存储cookie进行弥补
安装
- 可以script引入
<script src="/path/to/vue.js"></script>
<script src="/path/to/vuex.js"></script>
脚手架安装
npm install vuex --save
在main.js里面使用
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
//还需要在new vue根节点挂载
/* eslint-disable no-new
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>' */
})
创建一个store的js文件用来存储您的数据
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
count: 0,
token:''
},
mutations: {
increment (state) {
state.count++
}
}
})
export default store;
您可以通过this.$store.state调用您的数据啦