nvue--使用原生渲染vue页面。
优势:高性能渲染器、提供足够的API能力、提供丰富的插件和云打包
使用场景:
1.需要高性能的区域长列表或瀑布流滚动。--首页
2.复杂高性能的自定义下拉刷新。
3.左右拖动的长列表。
注意事项:
1. uni-app在App端,支持vue页面和nvue页面混搭、互相跳转。也支持纯nvue原生渲染。
2. 在 nvue中,flexbox 是默认且唯一的布局模型,所以你不需要手动为元素添加 display: flex;
属性。
flex-direction:column //默认竖排
flex-wrap: nowrap //默认不换行
3. nvue不支持百分比布局,默认竖屏,横屏状态下会出现样式问题。
4. nvue CSS语法只支持class选择器,没有媒体查询。
5. 文字内容只能在<text>
组件下,不能在<div>
、<view>
的text
区域里直接写文字,否则即使渲染了,也无法绑定js里的变量。
6. 不支持背景图设置,可以使用image和层级实现背景效果。
7. 不支持style引入字体,提供 DOM.addRule加载自定义字体。