Nvue是一个基于weex改进的原生渲染引擎，它在某些方面要比vue更高性能，在app上使用更加流畅，但是缺点也很明显，没有足够的api能力，语法限制太大，所以nvue适用于特定场景（需要高性能的区域长列表或瀑布流滚动等）。

一：介绍

nvue是uni-app App 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力，它与vue在用法上稍有不同，如果不是使用uniapp开发app的话，就不要使用nvue，了解更多关于nuve与vue的区别与联系可以去uniapp官方文档学习：

https://uniapp.dcloud.net.cn/tutorial/nvue-outline.html#%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B

二：使用

1：创建nvue页面

在hbuilderX中按照如下步骤就可以创建出nvue文件。

2：编写代码

nvue的语法与vue稍有不同，最主要的就是语法限制，条条框框很离谱，刚开始会稍有不适，之后多用多练就可以了。我们在学习之初可以根据官方文档进行编写学习：

http://emas.weex.io/zh/docs/components/a.html#%E7%AE%80%E4%BB%8B

三：nvue与vue之间的双向通信

1：方法

推荐使用 uni.$on , uni.$emit 的方式进行页面通讯，旧的通讯方式（uni.postMessage及plus.webview.postMessageToUniNView）不再推荐使用。

推荐博客：【uniapp】 nvue 与 vue之间的通讯_Wyliss的博客-CSDN博客_nvue和vue之间通信

2：通信过程

Index.vue中的某个点击事件中：

Nvue文件初始化生命周期中：

通信成功：

四：总结

视情况而定，当项目涉及到高性能，高刷，高渲染了可以考虑使用一下nvue。

uniapp开发app——nvue相关推荐

uniapp 开发APP 安卓手机中在使用nvue时候 border的dashed和radius可能会有冲突的解决办法
uniapp 开发APP 安卓手机中在使用nvue时候 border的dashed和radius可能会有冲突的解决办法在开发中发现如果同时给了圆角和虚线虚线属性会有问题分别设置圆角四个角 ...
uniapp开发app中配置高德地图定位流程
在使用uniapp开发app过程中,如何使用高德地图进行定位高德地图开放平台账号申请进入高德地图开放平台,注册并登陆开发者账号,完成之后点击进入控制台主页在应用管理中点击创建新应用输入并选择你 ...
uniapp开发APP之真机调试
uniapp开发APP之登录授权,获取用户基础信息一:华为手机实时调试APP代码基座流程 1.打开手机的开发者模式,允许USB调试,手机操作流程,进入设置-关于手机,长按版本号(开启开发模式),然后 ...
uni-app 开发App 口令弹窗
我们用uni-app开发APP 电商类总有口令弹窗的需求首先我们写弹窗首先就要想到uni-popup 写弹窗非常方便 <uni-popup ref="popup" roun ...
uniapp开发APP 客服链接
uniapp开发APP嵌套第三方(米多客)客服链接,遇到了无法返回的问题米多客的客服也回复很及时,发了一种解决方法详细描述问题 (记不清在哪看到一句话: 详细的描述出遇到的问题,问题就解决一大半了 ...
uniapp开发App从开发到上架全过程(三)-上架
当我们的APP开发完毕,最终交付的时候,必然要经历的一个环节,就是APP上架,国内APP上架一般为IOS端appstore上架,安卓端应用商店比较多,最常见的应用商店有华为应用商店.小米应用商店.OP ...
uni-app 开发app 打包后的尺寸与使用hbuilderx预览时不符
uni-app 开发app 打包后的尺寸与使用hbuilderx预览时不符 uni-app rpx 比例失调 uni-app 开发app 横屏或者屏幕尺寸过大时样式错乱 uni-app 有解决方案 ...
使用uniapp开发APP时的调试/安卓打包等
一.调试 1.先用数据线连接电脑和手机,选择"文件传输", 2.打开开发者模式,华为手机举列-->设置-->关于手机-->版本号,多次连续点击"版本号& ...
uniapp开发app过程中集成友盟统计
uniapp在开发app过程中,需要集成友盟统计,可参考以下流程进行配置友盟统计官网注册并获取appkey 单独创建安卓跟ios的应用,获取到appkey(这里以安卓为例) 配置manifest.j ...

uniapp开发app——nvue