uni-app 的 storage 数据缓存

1）数据存储到本地

uni.setStorage(OBJECT):https://uniapp.dcloud.io/api/storage/storage?id=setstorage

将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。

示例

// 跳转之前先清除一下之前数据，再存储一下本次数据。
uni.removeStorage({
    key: 'hello'
})
uni.setStorage({
    key: 'hello',
    data: 'helloSetStorage',
    //data: JSON.stringify(item)//如果存储得数据是对象，记得转一下
})

2）从本地获取数据

从本地缓存中异步获取指定 key 对应的内容。

uni.getStorage({
    key:'hello',
    success:(res)=>{
        console.log("getStorage",res)
        if(res.data){
            // let orgInfo = JSON.parse(res.data)
            this.storageData = res.data //定义全局变量供页面使用
        }
    }
})

• 可以通过 v-bind 动态赋值

      <!-- 动态赋予一个变量的值 -->
      <blog-post v-bind:title="post.title"></blog-post>
  
      <!-- 包含该 prop 没有值的情况在内，都意味着 `true`。-->
      <blog-post is-published></blog-post>
  
      <blog-post v-bind:is-published="post.isPublished"></blog-post>

• 传入一个对象的所有 property

  如果你想要将一个对象的所有 property 都作为 prop 传入，你可以使用不带参数的 v-bind (取代 v-bind:prop-name)。例如，对于一个给定的对象 post ：

      post: {
          id: 1,
          title: 'My Journey with Vue'
      }

      <blog-post v-bind="post"></blog-post>
      <!-- 上面的模板等价于： -->
      <blog-post
          v-bind:id="post.id"
          v-bind:title="post.title"
      ></blog-post>