uni-app的vue与nvue的区别(更新中)

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

nvue和vue相互通讯

在uni-app中,nvue和vue页面可以混搭使用

nvue注意事项

1、目前不支持在nvue页面使用scss、less等预编译语言
2、不能在style中引入字体文件
3、class进行绑定时只支持数据语法
4、nvue 页面跳转 vue 页面时,只能调用 uni-app 的 路由 API 进行跳转
5、nvue 暂不支持运行在模拟器上
6、nvue页面控制显隐只可以使用v-if不可以使用v-show
7、单位只支持px 不支持em,rem,pt,%,upx
8、很多css样式不支持简写
比如 border

/* 错误 */
.class {
     
     
   border: 1px red solid;
}

/* 正确 */
.class {
     
     
   border-width: 1px;
   border-style: solid;
   border-color: red;
}

猜你喜欢

转载自blog.csdn.net/qq_35091074/article/details/126487296
今日推荐