nvue开发注意事项

什么是nvue

在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使用 nvue 页面(native vue 的缩写)，则使用原生渲染。一个 App 中可以同时使用两种页面，比如首页使用 nvue，二级页使用 vue 页面，hello uni-app 示例就是如此。

https://uniapp.dcloud.net.cn/tutorial/nvue-outline.html 官方文档

nvue的注意事项

1、不能使用% vw vh (css不支持less和scss嵌套语法) 2、默认使用的flex布局方式，默认为竖排**（column）排列； 3、只能使用text**组件给文字设置颜色、大小 4、不支持背景图片，class绑定只支持数组语法 5、border的css样式不支持简写

border-bottom-width: 1px;
border-style: solid;
border-color: #0C277C;

6、不支持v-if，使用v-show替代 7、需要兼容头部和底部时，使用

// 获取手机信息
let info = uni.getSystemInfoSync()
//顶部高度
this.barHeight = info.statusBarHeight