美文网首页
Uni-app之数据存储

Uni-app之数据存储

作者: 大码猴 | 来源:发表于2021-11-04 09:17 被阅读0次
    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数据库

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

    2. 缓存指定路由

    <keep-alive>
    
    </keep-alive>
    

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

    相关文章

      网友评论

          本文标题:Uni-app之数据存储

          本文链接:https://www.haomeiwen.com/subject/mcrczltx.html