vueX可以在页面之间进行传值，设置的属性可供原局使用
该文件在vue项目中，src文件夹下的store文件夹下的index.js中
state
将需要的属性在state中设置好，且值为null。
例如：
state:{
sideList:null
}
getters
可以获取state中属性的值
例如：
getters: {
getSideList(state) {
return state.sideList
}
}
mutations
可以设置state中属性的值
例如：
mutations: {
setSideList(state, list) {
state.sideList = list
}
},
使用方法
第一步：
在有数据的页面想给其他组件进行传值，首先要拿到数据，在该页面中进行设置。
设置方法：
需要方法进行触发才可以设置，在methods中添加方法，并使用this.$store.commit('vuex中mutations对应的方法名'，数据)
如：
methods: {
handleSelect(key) {
// 将侧边栏列表传入 vuex中
this.$store.commit("setSideList",this.navList[key].list);
},
},
设置好就可以在其他页面进行获取，并且使用。
如果在特定的时期就需要在vuex中设置全局属性，则需要用到vue的生命周期进行设置。
第二步：
在想要的组件中获取全局设置的属性，需要在计算属性中进行获取，使用this.$store.getters.vueX中getters中对应的方法名
如：
computed: {
// 将侧边栏列表从vuex中取出
sideList() {
return this.$store.getters.getSideList;
},
},
sideList可以直接在该组件使用。
