nvue 在 app 端会优先使用各自平台的底层组件,能大幅度提高 app 端的运行体验(最明显的感觉文字渲染更精细);
uni-app 官方 nvue 资料 : https://uniapp.dcloud.io/nvue-outline?id=%e4%bb%8b%e7%bb%8d
weex 官方手册 : http://doc.weex.io/zh/guide/introduction.html?spm=a2c7j.-zh-.0.0.7e53c8eehHdVI7
2021年01月18日 GraceUI 正式发布 5.0 版本,将 vue 组件和 nvue 组件合并,实现了 vue 与 nvue 开发的一致性,我们为您收集整理了 nvue 平台与 vue 平台的一些差别,在您深度理解这些差别后可以更快速的实现 nvue 的开发;
nvue 原不支持 H5、小程序只支持 app, 经过 uni-app 官方的努力,目前可以 "支持多端发布"! 虽然 uni-app 官方努力使得 Weex 的 uni-app 模式 "支持多端发布",但是实际使用过程中,由于 字体、底层布局、页面底层等多种问题,我们不建议您使用 nvue 版本去开发多端应用,您会遇到大部分市面的常用插件不兼容、布局不适应等各种问题!
1 使用 vue 模式进行多端开发,使用 nvue 优化 app 端体验 [ 推荐 ];
2 只开发 app 时 使用 nvue 开发;
差别相关 | nvue | vue |
文本 | 必须使用 text 组件 | 可以使用 text 和 view |
v-show | 不支持 | 支持 |
尺寸单位 | rpx, px | %,px,rpx,em 等多种单位 |
flex | 默认flex布局,竖向 | 需要声明 |
z-index | 不支持,最后出现的层级最高 | 支持 |
box-sizing | 默认 box-sizing:border-box; | 默认无,相关资料 : https://www.w3school.com.cn/cssref/pr_box-sizing.asp |
背景图片 | 不支持,使用定位实现 | 支持 |
阴影 | 不支持 | 支持 |
样式选择器 | .classname | 支持多种样式选择器 |
字体引入 | 使用 dom 对象加载 | 使用样式引入 |
字体图标 | Unicode形式 | 多种方式实现 |
动画 | 使用 dom 对象实现 | 使用 css 样式实现 |
边框 | 不支持简写( 具体可以参考 graceui.css ) | 支持简写,更灵活 |
组件差别 | 有list cell 等独立平台的组件 | 以 uni-app 官方组件为准 |
uni-app 官方对 weex 进行了深度改造便诞生了 nvue,nvue 使 weex 变得更好用,支持的组件更多。
您需要熟读的资料 :
uni-app nvue 资料 : https://uniapp.dcloud.io/nvue-outline?id=%e4%bb%8b%e7%bb%8d
weex 官方手册 : https://weex.apache.org/ ( 建议深度阅读官方文档 )