uniapp-uviewui2 组件新人快速入门教程

uniapp官方文档：https://uniapp.dcloud.net.cn/

uviewui官方文档：http://uviewui.com/components/intro.html

请先看视频教程对应本文档步骤学习

uniapp使用步骤教程：https://www.bilibili.com/video/BV1Tc411v7Z7

Uviewui组件的演示项目安装：https://www.bilibili.com/video/BV1mT4y1b7n8/

1、下载模版文件

下载配置好的初始化模版：https://www.h5.org.cn/down/uniapp-uviewui2.zip

下载后解压拖入Hbuildx编辑器中

2、运行项目，了解项目目录结构

页面都存放在pages里面，每个页面都是一个vue文件

3、创建新页面的方法

第一步：在 pages 目录下面创建 vue文件

第二步：在 pages.json 中配置页面路由

4、创建底部tabbar

配置代码：https://www.h5.org.cn/edu-1436

5、常用语法

语法是小程序和vue的结合体

js基本是vue语法

小程序:
value="{{man}}"

uniapp:
:value="man"

标签基本是小程序比如：div 对应为 view 可以查看官方手册 https://uniapp.dcloud.net.cn/component/view.html

6、uviewui组件使用

查看文档：http://uviewui.com/components/intro.html

7、运行uviewui-demo学习代码

在做项目的时候如果遇到不理解的组件可以看官方的项目代码：https://ext.dcloud.net.cn/plugin?id=1593

如图点击蓝色按钮即可安装一个demo案例，运行后就可以查看每个页面的代码来学习