起步
由来
虽然Uni官方提供了大量组件,但是这些组件只提供了最底层的功能,尤其在表单组件部分,很大一部分没有实现真正的双向绑定,在实际开发中如果直接使用,会有大量的冗余工作量,是达不到快速开发要求的,uview在整体上Uni进行了大量的包装,但是仍没有很好的解决这些问题,为了业务开发更加关注业务本身,组件尽量做到一步到位的接口提供,对大量组件,尤其是表单组件,表单验证进行了二次封装。
另外,Uni整个框架虽然是基于 Vue(应该整体是Vue2的一个衍生),但是在实际开发中和使用Vue还是存在很大差异,这些在组件开发细节上尤其明显(应该是对多平台的兼容,Uni对vNode的很多操作是无效的),这些在开发上也是要注意的。
安装
- 请安装 nodeJs
- 请安装uni官方提供的编辑工具 hbuilderx
- 下载项目代码,项目代码中集成了 uview 及 soUni整个的环境配置、模板及相关组件。
- 项目根目录下打开 cmd 执行
npm i
来安装环境配置
环境集成
Uni开发环境已经集成了Vue2和各种设备接口,是不需要通过 npm 来安装 Vue、Vuex及基础周边,我们这里只需要安装 路由及周边
uni-simple-router
uni路由,此路由和vue-router不是一个东西,只可做拦截处理,真正的页面路径配置本身还是基础在 根目录下的page.json
中uni-read-pages
用来读取page.json
中的 page 信息,便于 router 读取和控制页面访问
page.json
项目信息及基础配置在 manifest.json
及 page.json
中,这里业务开发主要关注 page.json
,请将开发页面路径注册到 page.json
中。