美文网首页
uni-app 微信小程序学习笔记

uni-app 微信小程序学习笔记

作者: daoqing99 | 来源:发表于2020-05-27 14:24 被阅读0次

微信小程序的生命周期函数

应用的生命周期。
onLaunch
onShow
onHide
onError

页面的生命周期
onLoad 监听页面加载
onReady 页面初次渲染完成
onShow 监听页面显示
onHide 监听页面隐藏
onUnload 页面卸载 页面跳转时会出现页面卸载
onPullDownRefresh
onReachBottom
onShareAppMessage

uniapp核心知识概览

页面文件遵循vue单文件组件(SFC)规范
组件标签靠近小程序规范
接口能力(JS API)靠近微信小程序规范
数据绑定及事件处理同Vue规范
为兼容多端运行,建议使用flex布局进行开发

条件编译

#ifdef APP-PLUS
 #endif

App的Nvue开发 (Native vue)

html5+ app端调用原生插件

uni-app 知识点

组件
基础组件
自定义组件

api

路由

生命周期

语法 vue语法

布局样式

uniApp模板语法与数据绑定

模板语法 同vue
数据绑定 同vue
条件判断 同vue
列表渲染 同vue
基础组件的使用 view scroll-view swiper icon text button
自定义组件的使用
基础API的用法
条件编译
页面布局 import './index.css' 引入css,page相当于body

uni-app生命周期

应用生命周期 应用中才会触发 只能在app.vue中执行
onLaunch 应用初始化完成触发一次,全局只触发一次 登录 获取全局变量等放在这里
onShow 应用启动的时候,或者从后台进入前台会触发
onHide 应用从前台进入后台会触发

页面生命周期 不是在app.vue中的生命周期
onLoad 监听页面加载
onReady 监听页面的初次渲染完成 如果渲染速度快,会在页面进入动画完成前触发
onShow 监听页面显示,页面每次显示触发
onHide 监听页面隐藏
onUnload 监听页面卸载 页面关闭时触发

组件生命周期
beforeCreate
created 实例创建完成后立即调用,挂载阶段开没开始
mounted 挂载到实例后调用该函数
destroyed 销毁后调用

相关文章

网友评论

      本文标题:uni-app 微信小程序学习笔记

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