uniapp中nvue与vue的区别?

简介: uniapp中nvue与vue的区别?

简介

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

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

vue文件走的是webview渲染。
nvue走的是wexx方式的原生渲染

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

uni-app的app端内置了一个基于wexx改进的原生渲染引擎,提供了原生渲染的能力,在app端,如果一个aap中可以同时使用两种页面,例如:首页使用nvue,二级页面上使用vue页面。

nvue 和 vue 相互通讯方式:

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

推荐使用uni.o n , u n i . on,uni.on,uni.emit的方式进行页面通讯

nvue注意事项:

  • nvue 页面均采用 flex 布局,不支持其他布局方式,不能使用百分比。需要注意的是 flex 默认为竖向排列,即 flex-direction: column,如需改变布局方向可以使用flex-direction: row;改变为横排
  • 在 App.vue 中定义的全局样式不会在 nvue 页面生效。
  • 不能在 style 中引入字体文件,nvue 中字体图标的使用参考:weex 加载自定义字体
  • class 进行绑定时只支持数组 语法(weex 限制)
  • nvue 页面跳转 vue 页面时,只能调用 uni-app 的 路由 API 进行跳转
  • 目前不支持在 nvue 页面使用 s css、less 等预编译语言。
  • nvue 中不支持使用 import 的方式引入外部 css 需要使用style中的src方式引入。
  • 很多css样式不支持简写,例如border:1px solid black 不支持。
  • nvue 页面控制显隐只可以使用v-if不可以使用v-show
  • 单位只支持px 不支持em,rem,pt,%,upx


相关文章
|
2月前
|
设计模式 开发框架 JavaScript
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
|
2月前
|
JavaScript 前端开发 API
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么?
总的来说,Vue 3 中的 `v-model` 在灵活性、与组合式 API 的结合、对自定义组件的支持等方面都有了明显的提升和改进,使其更适应现代前端开发的需求和趋势。但需要注意的是,在迁移过程中可能需要对一些代码进行调整和适配。
115 60
|
2天前
|
人工智能 移动开发 JavaScript
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
|
4月前
|
JavaScript
在 Vue 3 组件通信方式中,Provide / Inject 与 Vuex 的区别是什么?
在 Vue 3 组件通信方式中,Provide / Inject 与 Vuex 的区别是什么?
198 65
|
3月前
|
JavaScript 前端开发 开发者
Vue v-for 进阶指南:in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令,但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似,但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异,你将能够编写更加高效、简洁的 Vue.js 代码,灵活应对各种数据结构的遍历需求。
133 6
|
3月前
|
缓存 JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项,它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别,可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中,要根据具体情况灵活选择使用,以满足不同的需求。
37 2
|
3月前
|
供应链 JavaScript 数据管理
uniapp/vue如何实现一个子表单及子表单作用
uniapp/vue如何实现一个子表单及子表单作用
53 5
|
3月前
|
搜索推荐 JavaScript 数据可视化
uniapp/vue个性化单选、复选组件
uniapp/vue个性化单选、复选组件
139 5
|
4月前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
4月前
|
JavaScript 前端开发 API
Vue2与Vue3插槽使用的区别及案例
Vue 3在插槽功能上的改进,体现了其对开发体验的持续优化。通过简化API、加强动态特性和提升性能,Vue 3使得插槽的使用更加灵活和高效。这些改进不仅有助于减轻开发者的负担,还为组件之间的高级交互和内容复用打开了新的可能性。随着Vue生态系统的不断成熟,我们有理由相信,Vue将继续为前端开发提供强大且易用的工具。
84 3

热门文章

最新文章