uni-app Tutorial

uni-app lets you write Vue once and compile to WeChat / Alipay mini programs, H5, and apps. This track follows the Vue 3 + Vite edition — from setup through pages, requests, storage, list pagination, Pinia, conditional compilation, and publish.

Run examples locally with HBuilderX or the CLI. This site’s playground cannot run uni-app.

Knowing JavaScript and Vue helps. TypeScript is useful later; samples here stay in JS.

Learning path

Start here

1. uni-app intro
2. Install and environment
3. Create a project
4. Pages and routing

Building pages

5. Templates and components
6. Data and events
7. Styles and rpx
8. Lifecycle

Capabilities and data

9. Common uni APIs
10. Network requests
11. Local storage
12. Lists and pagination
13. Pinia state

Shipping

14. Conditional compilation
15. Run and publish
16. Summary

Next: uni-app intro