uniapp的nvue和vue文件的区别是什么？

UniApp2023-04-2858 人已阅来源：网络

区别：vue文件走小程序方式的webview渲染，nvue走weex方式的原生渲染；组件和js写法是一样的，但css不一样，原生排版能用的css必须是flex布局。

uniapp的nvue和vue文件的区别是什么？

推荐：《uni-app开发教程》

uni-app是逻辑和渲染分离的，渲染层在app端提供了两套排版引擎。

小程序方式的webview渲染，和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。

  • vue文件走小程序方式的webview渲染

  • nvue走weex方式的原生渲染

组件和js写法是一样的，css不一样，原生排版能用的css必须是flex布局

uni-app的App端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。

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

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

nvue 和 vue 相互通讯

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

推荐使用uni.$on,uni.$emit的方式进行页面通讯

更多编程相关知识，请访问：编程教学！！

以上就是uniapp的nvue和vue文件的区别是什么？的详细内容！

相关内容

浏览更多有关 的内容