uni-app学习第三天
uni-app 数据绑定
在页面中需要定义数据,和之前vue一模一样,直接在data中定义数据即可
v-bind动态绑定属性
在data中定义了一张图片,我们希望把这张图片渲染到页面上
v-for
uni中的事件
事件绑定
v-on 可缩写为@
事件传参
uni-app 中的生命周期
指一个对象创建、运行、销毁的整个过程被称为生命周期
生命周期函数:在生命周期的每一个阶段会伴随着每一个函数触发,这些函数被称为生命周期函数
应用的生命周期函数
- onLaunch 初始化触发
- onShow 应用显示
- onHide 应用隐藏
- onError 应用出错
页面的生命周期函数
- onLoad 页面加载
- onShow 页面显示
- onReady 渲染完成
- onHide 页面隐藏
- onUnload 页面卸载
- onPullDownRefresh 页面下拉刷新 uni.stopPullDownRefresh()停止下拉刷新 注:也可以用点击按钮的形式开启刷新 定义点击事件调用函数 uni.startPullDownRefresh
- onReachBottom 页面滚动到底部触发
uni-app 网络请求
uni.request
域名自己配置,这是我设置的本地域名
其余的参数请看文档
数据缓存
- uni.setStorage 设置数据
将数据存储在本地缓存中指定的key中,会覆盖原来该key对应的内容,这是一个异步接口
2.uni.getStorage 获取数据
从本地存储是数据中获取数据
3. uni.removeStorage 移除数据
移除 本地指定 存储的数据
4.uni.setStorageSync 本地存储的同步接口
5.获取数据也有同步方法用法同4,移除也有同步方法 同4