jQuery、vue、小程序、uni-app中的本地存储数据和接受数据

jQuery:

存储数据:

javascript 复制代码
// 存储数据到本地
localStorage.setItem('key', 'value');

// 存储对象到本地
localStorage.setItem('key', JSON.stringify(object));

获取数据:

javascript 复制代码
// 从本地获取数据
var value = localStorage.getItem('key');

// 从本地获取对象
var object = JSON.parse(localStorage.getItem('key'));

Vue.js:

存储数据:

javascript 复制代码
// 存储数据到本地
localStorage.setItem('key', 'value');

// 存储对象到本地
localStorage.setItem('key', JSON.stringify(object));

获取数据:

javascript 复制代码
// 从本地获取数据
var value = localStorage.getItem('key');

// 从本地获取对象
var object = JSON.parse(localStorage.getItem('key'));

小程序(微信小程序、支付宝小程序、百度小程序等):

存储数据:

javascript 复制代码
// 存储数据到本地
wx.setStorageSync('key', 'value');

// 存储对象到本地
wx.setStorageSync('key', object);

获取数据:

javascript 复制代码
// 从本地获取数据
var value = wx.getStorageSync('key');

// 从本地获取对象
var object = wx.getStorageSync('key');

uni-app:

存储数据:

javascript 复制代码
// 存储数据到本地
uni.setStorageSync('key', 'value');

// 存储对象到本地
uni.setStorageSync('key', object);

获取数据:

javascript 复制代码
// 从本地获取数据
var value = uni.getStorageSync('key');

// 从本地获取对象
var object = uni.getStorageSync('key');

以上是四种常用的前端框架/技术中使用本地存储数据和接收数据的方法。具体使用哪一种取决于你正在使用哪种框架/技术。

相关推荐
晨枫阳10 小时前
前端VUE项目-day1
前端·javascript·vue.js
艾普阳科技12 小时前
解锁多对多关系设计:SnapDevelop助你轻松实现用户角色管理,效率提升100%!
vue.js
sunbyte12 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | GithubProfies(GitHub 个人资料)
前端·javascript·css·vue.js·github·tailwindcss
Hijin12 小时前
快速搭建 Vite+vue3+TS+ESLint@9+Prettier+Husky@9+Commitlint 项目
前端·javascript·vue.js
无懈可击12 小时前
FormCreate低代码表单设计器 v3.3 版本发布,功能大更新!
vue.js·低代码·开源
独立开阀者_FwtCoder13 小时前
踩坑无数后,我终于总结出这份最全的 Vue3 组件通信实战指南
前端·javascript·vue.js
202613 小时前
12. npm version方法总结
前端·javascript·vue.js
用户876128290737414 小时前
mapboxgl中对popup弹窗添加事件
前端·vue.js
拼图20914 小时前
微信小程序——配置路径别名和省略后缀
微信小程序·小程序
浩星15 小时前
vue3+uniapp 使用vue-plugin-hiprint中实现打印效果
前端·vue.js·uni-app