vue 项目的传值或保存数据应用

79 阅读1分钟

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']),
}