uni-app学习心得

简介

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

开发工具

Hbuilder X 微信开发者工具 vscode

学习内容

1. 项目结构

   • pages文件夹存放页面

   • static文件夹内文件不会进行编译，所以不要放js文件，可放到common中

   • unpackage文件夹存放打包的文件

   • components文件夹存放各种组件

   • App.vue代表应用，包括应用层的生命周期方法，全局样式等

   • pages.json整个应用的页面集合，第一项为启动页，可配置页面路由及样式和标题

   • manifest.json应用配置，包括图标配置、启动界面配置、权限配置及其他开发配置

   • main.js应用入口文件

一、应用生命周期

函数名	说明
onLaunch	当uni-app 初始化完成时触发(全局只触发一次)
onSho