Uni-App开发基于Vue.js,首先要对Vue有基本了解。
熟悉Uni-App开发的各种组件、数据绑定,注册事件、声明周期函数,v-for、v-if、v-bind,下拉刷新、上拉加载、网络请求,导航跳转和传参,自定义组件封装及引用。
Uni-App项目结构:
目录结构
一个uni-app工程,默认包含如下目录及文件:
┌─uniCloud 云空间目录
│─components 符合vue组件规范的uni-app组件目录
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─uni_modules 存放uni_module规范的插件。
├─wxcomponents 存放小程序组件的目录,详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息,详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息,详见