如何在微信小程序中使用本地存储

在微信小程序中，可以使用本地存储来保存用户的数据，包括用户的偏好设置、登录状态等。本地存储是一个简单的键值对存储系统，类似于浏览器中的localStorage。下面是一个详细的代码案例，演示如何在微信小程序中使用本地存储。

首先，我们需要在小程序的app.js文件中初始化本地存储：

App({
  onLaunch: function () {
    // 初始化本地存储
    wx.setStorage({
      key: 'userInfo',
      data: {},
    })
  },
})

在这个例子中，我们使用wx.setStorage方法来初始化一个名为userInfo的本地存储，并设置初始值为空对象。

接下来，让我们创建一个页面来演示如何使用本地存储来保存用户的偏好设置。在小程序中，每个页面都是一个独立的组件，我们可以在组件的js文件中使用本地存储。

首先，在页面的js文件中，我们引入wx.getStorage和wx.setStorage方法：

// pages/settings/settings.js

const app = getApp()

Page({
  data: {
    darkMode: false,
  },

  onLoad: function () {
    // 从本地存储读取用户的偏好设置
    wx.getStorage({
      key