Uni-app之数据存储

1. storage

uni.setStorage(key,  data)
uni.setStorageSync(key,d data)
uni.getStorage(key)
uni.getStorageSync(key)
uni.removeStorage(key)
uni.removeStorageSync(key)
uni.clearStorage()
uni.clearStorageSync()
uni.getStorageInfo(sccess, fail, complate)
uni.getStorageInfoSync()

2.globalData
定义

// App.js文件
<script>
    import storage from './utils/storage.js';
    export default {
        onLaunch: function() {
            // this.$options.globalData.title = '你好';
            // this.$scope.globalData.title = 'hello'
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        },
        globalData: {
            title: 'hello',
            url: 'https://unidemo.dcloud.net.cn/api/'
        }
    }
</script>

使用

<script>
const App = getApp()
export default {
  data() {
      return {
          url: App.globalData.url
      }
   },
  mounted() {
      console.log(App.globalData.title);
  }
}
</script>

3.vuex
可查看之前的简书Uni-app / Vue之vuex使用方式总结

4.sqlite
惭愧惭愧，还没用过这个方式，推荐看一下Vue.js使用SQL.js操作SQLite数据库

5. mixins
   混入/混合(其实就相当于iOS的category类别特性)，其实并不是数据存储方式
   1.合并或者替换原有的方法，可以绑定在多个组件或者多个Vue对象实例中使用。
   2.特别要注意混入的覆盖特点，如果在引用mixins的同时，在组件中重复定义相同的方法，则mixins中的方法会被覆盖。

6. 缓存指定路由

<keep-alive>

</keep-alive>

7.三方插件
imgcache 图片缓存
插件市场太多了，懒得写，各位自己搜吧