uni-app之nvue学习记录

1.nvue是基于原生渲染的，与vue在指令与样式上有些许区别；

2.个人认为nvue很大程度上只是用作vue的一种补充，对于vue使用效果不佳时，作为优化方案，因为原生渲染的性能必然是优于vue形式的（个人理解原生渲染性能就是最优的，当然也可能是我有更优的方式，但我不知道），但vue如果能满足要求，就不用nvue;

3.nvue的条件渲染只能使用v-if，不能使用v-show;

4.nvue的css只支持class一种选择器；

5.默认使用且只能使用flex布局，同时默认垂直方向对齐排列，对齐方式可以修改；

6.不支持缩写式样式书写，即不能使用margin:样式值；border:样式值等类型；

7.nvue的文字只能写在text标签中，因为只有text标签才支持设置字体样式；

8.默认页面背景是透明色，且修改背景只能使用background-color设置，不能使用背景图；

9.默认页面不支持滚动，只有特定的标签才能进行滚动，如list、waterfall、scroll-view/scroller；

10.canvas、横竖屏切换界面不要使用nvue，nvue没有内置canvas组件，且没有媒体查询横竖屏切换易导致样式问题

11.不支持百分比书写样式值，只能用px为单位。

12.nvue的box-sizing 默认为 border-box，即怪异盒模型

HBuilderX 3.1.0+ 之后变更：

1.支持部分简写样式，如border相关、background、padding、margin等；

2.新增 nvueStyleCompiler 配置，支持组合选择器（相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器）；

3.线性渐变的样式需要通过background-image设置，且优先级高于background-color

4.只有text标签可以设置字体颜色