小程序,使用uni框架 HBuider X 编辑器, 实现简单数据持久化
首先在vuex文件中或模块化store中使用:
shuzu = 要储存的数组
cart 储存这个数据或者 空数组 或者就是没有数据的话就是空数组
shuzu:JSON.parse(uni.getStorageSync('cart') || '[]')
创建一个方法:
cart = 储存的数据名,后面为实际数据
saveToStorage(state){
uni.setStorageSync('cart',JSON.stringify(state.shuzu))
},
当执行的添加方法完成以后可以调用 方法进行储存
this.commit('cart/saveToStorage')
就完成简单持久化了。
代码:
// 1. 购物车数组,购物车的商品信息持久化
shuzu:JSON.parse(uni.getStorageSync('cart') || '[]')
// 持久化数据 2. 定义方法 注意括号要记得调用state
saveToStorage(state){
uni.setStorageSync('cart',JSON.stringify(state.shuzu))
},
// // 3. 调用 在store 调用方法进行持久化
this.commit('cart/saveToStorage')