一、简介
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
二、项目构建
1. 创建项目详见: https://uniapp.dcloud.io/quickstart
2. 目录结构
3. xx.vue页面构成
1.后缀.vue是vue的自定义文件类型,类html语法描述一个Vue
2.vue文件三部分组成:template 视图层 组件script 逻辑层style 样式层
3.常用的基础组件
view -> div ( view相当于html中的div )
text -> span
image -> img
三、uniapp 生命周期
1. 应用的生命周期
onLaunch: function() {
console.log('App Launch')
//登录
//用户信息
//存储我们的用户信息
}
,onShow: function()
{
console.log('App Show')
//时间戳
//停留时长
},onHide: function() {
console.log('App Hide')
//进入后台后需要做什么
},
onError(e) {
console.log('error',e)
}
2. 页面的生命周期
//页面加载
onLoad() {
console.log("onLoad");
// 请求后台接口
// 渲染前的操作},
//页面渲染完成
onReady() {
console.log("onReady");
// 获取节点信息
},
//页面显示
onShow(){
console.log("onShow");
},
//页面隐藏
onHide() {
console.log("onHide");