手册版本 V3.0
GraceUI nvue 版本介绍
2020-01-06 GraceUI Weex 同步版正式发布!
此次更新,GraceUI Weex 版本与普通版本完全对齐,组件、布局同步率99%(因底层问题无法同步支持的组件仅有2个 : 进度圆环和即时通讯)。
为什么使用 Weex ?
weex 在 app 端会优先使用各自平台的底层组件,能大幅度提高 app 端的运行体验(明显的感觉文字渲染更精细);
详细资料 : https://uniapp.dcloud.io/use-weex
Weex 版本支持H5 ? 支持小程序吗 ?
weex 原不支持 H5、小程序只支持 app, 经过 uni-app 官方的努力,目前可以 "支持多端发布"!
虽然 uni-app 官方努力使得 Weex 的 uni-app 模式 "支持多端发布",但是实际使用过程中,由于 字体、底层布局、页面底层等多种问题,我们不建议您使用 weex 版本去开发多端应用,您会遇到大部分市面的常用插件不兼容、布局不适应等各种问题!
正确的姿势
1 使用普通模式进行多端开发,使用 nvue 优化 app 端体验[ 推荐 ];
使用GraceUI普通模式 + nvue 模式组合的方式,优化需要优化的 app 端页面;
2 只开发 app
使用 graceUI weex 版本即可 [ 使用此版本后意味着您必须严格遵守 flex 布局、插件市场大部分组件将不能使用 ];
使用 weex 版本必须具备的知识
uni-app 官方对 weex 进行了深度是改造, weex 变得更好用!支持的组件更多,请您仔细阅读官方文档 :
https://uniapp.dcloud.io/use-weex
weex 版本如何部署
GraceUI Weex 与普通版本并存与 GraceUI uni-app 版本中,核心样式名称: graceWeex.css 核心组件目录 : weexComponents;
请查看手册的快速部署,可以快速完成 weex 版本的部署;
如何使用 weex 优化 app 端体验?
在 页面文件夹下新建一个与页面同名的 .nvue 文件,这样在编译到 app 端时,hx会将使用您的 nvue 文件作为页面文件;
组件、样式的使用我们在每个组件的手册底部都提供了演示代码;
如何学习 weex
uni-app官方经过努力已经将大部分组件进行了同步(uni-app组件大部分可以正常运行在 weex 环境),减少了您的学习成本;
GraceUI 率先实现了weex 版本的完全同步,减少了您的学习、使用成成本 (:
为了更好的使用 weex 我们还是建议您对 weex 有一定的了解,资料 :
1 weex 官网 : https://weex.apache.org
2 GraceUI 作者发布的免费课程 : 《在 uni-app 中使用 weex》
课程地址 https://ke.qq.com/course/419900?taid=3679867850090556&tuin=4f8da6
此套课程发布时 uni-app 还没有实现uni-app编译模式,所以还使用 weex 原有的组件及样式单位,您可以通过此课程了解 weex 的底层原理 (: