vue用session存取数据

1.存放数据

//将js对象转换为json对象存放到session,data为一个js对象
sessionStorage.setItem("user", JSON.stringify(data));

2.取出数据

 let user = sessionStorage.getItem("user");
 if (user != null) {
      // 将JSON格式的对象解析为js对象,currentUser为一个js对象
      this.currentUser= JSON.parse(user);
  }

3.删除数据

 sessionStorage.removeItem("user");

 

!!注意存放数据的名字要和取数据以及删除数据的名字一致 

Vue.js 2中使用Vuex存取数据,首先你需要安装并引入Vuex库。然后,你需要在你的Vue应用中创建一个store实例,该实例将包含你的应用所有的共享数据。 首先,在你的项目中安装Vuex: ``` npm install vuex ``` 然后,在你的入口文件(比如main.js)中引入Vuex并创建一个store实例: ```javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { // 在这里定义你的共享数据 count: 0 }, mutations: { // 在这里定义修改state的方法 increment(state) { state.count++ } }, actions: { // 在这里定义触发mutations的方法 increment(context) { context.commit('increment') } }, getters: { // 在这里定义获取state的方法 getCount: state => state.count } }) new Vue({ store, // ...其他配置 }).$mount('#app') ``` 现在,你可以在你的Vue组件中通过以下方式来存取数据: 1. 使用`this.$store.state`来获取state中的数据: ```javascript this.$store.state.count ``` 2. 使用`this.$store.commit`来触发mutations中的方法,修改state的数据: ```javascript this.$store.commit('increment') ``` 3. 使用`this.$store.dispatch`来触发actions中的方法,间接地修改state的数据: ```javascript this.$store.dispatch('increment') ``` 4. 使用`this.$store.getters`来获取getters中的数据: ```javascript this.$store.getters.getCount ``` 这样,你就可以在Vue组件中存取Vuex中的数据了。记得在组件中使用`computed`来实时获取数据的变化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

工地精神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值