nvue和vue有啥区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nvue和vue有啥区别相关的知识,希望对你有一定的参考价值。

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

虽然nvue也可以多端编译,输出H5和小程序,但nvue的css写法受限,所以如果你不开发App,那么不需要使用nvue。

以往的 weex ,有个很大的问题是它只是一个高性能的渲染器,没有足够的API能力(比如各种push sdk集成、蓝牙等能力调用),使得开发时非常依赖原生工程师协作,开发者本来想节约成本,结果需要前端、iOS、Android 3拨人开发,适得其反。 nvue 解决了这个问题,让前端工程师可以直接开发完整 App,并提供丰富的 插件生态 和云打包。这些组合方案,帮助开发者切实的提高效率、降低成本。

同时uni-app扩展了weex原生渲染引擎的很多排版能力,修复了很多bug。比如

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;

以上是关于nvue和vue有啥区别的主要内容,如果未能解决你的问题,请参考以下文章

Jest-vue 和 Vue-jest 有啥区别?

vuex 与 vue有啥区别

vue中定义全局组件和局部组件有啥区别

Vue.js UI 中的插件和依赖项有啥区别?

Vue JS 和 React JS 有啥区别? [关闭]

跨平台应用开发进阶(四十二)vue与nvue页面设计方案探究