<!--動(dòng)態(tài)獲取數(shù)據(jù)-->
<text>{{storageContent}}</text>
<!--存-->
<button type="primary" bindtap="listenerStorageSave">storage存儲(chǔ)信息會(huì)在text上顯示</button>
<!--取-->
<button type="primary" bindtap="listenerStorageGet">獲取storage存儲(chǔ)的信息</button>
<!--清-->
<button type="warn" bindtap="listenerStorageClear">清楚異步存儲(chǔ)數(shù)據(jù)</button>


<text>{{storageSyncContent}}</text>
<button type="primary" bindtap="listenerStorageSyncSave">storageSync存儲(chǔ)信息會(huì)在text上顯示</button>
<button type="primary" bindtap="listenerStorageSyncGet">獲取storageSync存儲(chǔ)信息</button>
<button type="warn" bindtap="listenerStorageSyncClear">清除同步存儲(chǔ)數(shù)據(jù)</button>

Page({
 data:{
  // text:"這是一個(gè)頁(yè)面"
  storageContent: '',
  storageSyncContent: ''
 },
 onLoad:function(options){
  // 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù)
 },
 /**
  * 異步存儲(chǔ)
  */
 listenerStorageSave: function() {
  //以鍵值對(duì)的形式存儲(chǔ) 傳進(jìn)去的是個(gè)對(duì)象
  wx.setStorage({
   key: 'key',
   data: '我是storeage異步存儲(chǔ)的信息',
   success: function(res) {
    console.log(res)
   }
  })
 },
 /**
  * 異步取信息
  */
 listenerStorageGet: function() {
  var that = this;
  wx.getStorage({
   //獲取數(shù)據(jù)的key
   key: 'key',
   success: function(res) {
    console.log(res)
    that.setData({
     //
     storageContent: res.data
    })
   },
   /**
    * 失敗會(huì)調(diào)用
    */
   fail: function(res) {
    console.log(res)
   }
  })
 },

 /**
  * 清除數(shù)據(jù)
  */
 listenerStorageClear: function() {
  var that = this;
  wx.clearStorage({
   success: function(res) {
    that.setData({
     storageContent: ''
    })
   }
  })
 },


 /**
  * 數(shù)據(jù)同步存儲(chǔ)
  */
 listenerStorageSyncSave: function() {
  wx.setStorageSync('key', '我是同步存儲(chǔ)的數(shù)據(jù)')
 },

 /**
  * 數(shù)據(jù)同步獲取
  */
 listenerStorageSyncGet: function() {
  // var that = this;
  var value = wx.getStorageSync('key')
  this.setData({
   storageSyncContent: value
  })
 },

 /**
  * 清除同步存儲(chǔ)數(shù)據(jù)
  */
 listenerStorageSyncClear: function() {
  wx.clearStorageSync()
 },

 onReady:function(){
  // 頁(yè)面渲染完成
 },
 onShow:function(){
  // 頁(yè)面顯示
 },
 onHide:function(){
  // 頁(yè)面隱藏
 },
 onUnload:function(){
  // 頁(yè)面關(guān)閉
 }
})