uni-app 教程
uni-app 是一个使用 Vue 语法开发所有前端应用的跨平台开发框架,一套代码可以发布到 iOS、Android、Web 以及微信、支付宝、抖音等十余种小程序平台。
本教程面向新手,从认识 uni-app 开始,逐步讲清楚项目结构、页面路由、内置组件、样式、网络请求、条件编译、生命周期和常用 API,最后用一个待办事项工具把全部知识点串联起来。
前置准备
在学习本教程之前,你需要掌握以下知识:
应当掌握
- HTML 与 CSS 基础:常用标签、基础选择器、Flex 布局,uni-app 的模板和样式都基于它们。
- JavaScript 基础(JavaScript 教程):变量、函数、数组、对象,编写页面逻辑的基础。
- Vue3 基础(Vue3 教程):数据绑定、
v-for列表渲染、v-model表单绑定、组件与生命周期,uni-app 完全基于 Vue 语法,这是最重要的前置知识。
建议掌握
- npm(NPM 教程):如果用命令行方式创建项目会用到。
参考资料
本教程在编写过程中参考了下列资料: