1.不同页面之间的数据传递问题: 除vuex 外 ,localStorage , window ,对象应用
浏览器本地存储:
//保存
var num = 200
window.localStorage.setItem('a', num)
// 获取
var res = window.localStorage.getItem('b')
// 删除
window.localStorage.removeItem('a')
页面之间的传递获取:
存: window.变量 = '' ,, 取: window.变量
vuex 之间传递:
传 : this.$store.commit('updateSelectStar', star)
定义: store/index.js
//改变数据
const mutations = {
updateSelectStar(state, payload) {
console.log(payload,'789');
state.selectStar = payload
},
}
计算数据
const getters = {
selectStar: state => state.selectStar
}
定义数据
const state = {
selectStar: null,
}
取:其他页面
computed: {
...mapGetters(['selectStar']),
}