uni-app学习第三天

uni-app 数据绑定

在页面中需要定义数据,和之前vue一模一样,直接在data中定义数据即可
uni-app学习第三天
uni-app学习第三天

v-bind动态绑定属性

在data中定义了一张图片,我们希望把这张图片渲染到页面上
uni-app学习第三天

uni-app学习第三天

v-for

uni-app学习第三天

uni中的事件

事件绑定

v-on 可缩写为@
uni-app学习第三天

事件传参

uni-app学习第三天

uni-app 中的生命周期

指一个对象创建、运行、销毁的整个过程被称为生命周期
生命周期函数:在生命周期的每一个阶段会伴随着每一个函数触发,这些函数被称为生命周期函数

应用的生命周期函数
  1. onLaunch 初始化触发
  2. onShow 应用显示
  3. onHide 应用隐藏
  4. onError 应用出错
页面的生命周期函数
  1. onLoad 页面加载
  2. onShow 页面显示
  3. onReady 渲染完成
  4. onHide 页面隐藏
  5. onUnload 页面卸载
  6. onPullDownRefresh 页面下拉刷新 uni.stopPullDownRefresh()停止下拉刷新 注:也可以用点击按钮的形式开启刷新 定义点击事件调用函数 uni.startPullDownRefresh
    uni-app学习第三天
  7. onReachBottom 页面滚动到底部触发

uni-app 网络请求

uni.request
域名自己配置,这是我设置的本地域名
其余的参数请看文档
uni-app学习第三天

数据缓存

  1. uni.setStorage 设置数据
    将数据存储在本地缓存中指定的key中,会覆盖原来该key对应的内容,这是一个异步接口

uni-app学习第三天

2.uni.getStorage 获取数据
从本地存储是数据中获取数据
uni-app学习第三天
3. uni.removeStorage 移除数据
移除 本地指定 存储的数据
uni-app学习第三天
4.uni.setStorageSync 本地存储的同步接口
uni-app学习第三天
5.获取数据也有同步方法用法同4,移除也有同步方法 同4