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


相关文章
|
4天前
|
设计模式 开发框架 JavaScript
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
基于.NET8 + Vue/UniApp前后端分离的快速开发框架,开箱即用!
|
2月前
|
JavaScript
在 Vue 3 组件通信方式中,Provide / Inject 与 Vuex 的区别是什么?
在 Vue 3 组件通信方式中,Provide / Inject 与 Vuex 的区别是什么?
136 65
|
30天前
|
JavaScript 前端开发 开发者
Vue v-for 进阶指南:in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令,但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似,但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异,你将能够编写更加高效、简洁的 Vue.js 代码,灵活应对各种数据结构的遍历需求。
87 6
|
27天前
|
缓存 JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项,它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别,可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中,要根据具体情况灵活选择使用,以满足不同的需求。
17 2
|
1月前
|
供应链 JavaScript 数据管理
uniapp/vue如何实现一个子表单及子表单作用
uniapp/vue如何实现一个子表单及子表单作用
29 5
|
1月前
|
搜索推荐 JavaScript 数据可视化
uniapp/vue个性化单选、复选组件
uniapp/vue个性化单选、复选组件
86 5
|
2月前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
30天前
|
缓存 JavaScript Serverless
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
100 0
|
2月前
|
JavaScript 前端开发 API
Vue2与Vue3插槽使用的区别及案例
Vue 3在插槽功能上的改进,体现了其对开发体验的持续优化。通过简化API、加强动态特性和提升性能,Vue 3使得插槽的使用更加灵活和高效。这些改进不仅有助于减轻开发者的负担,还为组件之间的高级交互和内容复用打开了新的可能性。随着Vue生态系统的不断成熟,我们有理由相信,Vue将继续为前端开发提供强大且易用的工具。
62 3
|
2月前
|
JavaScript 索引
Vue 2和Vue 3的区别以及实现原理
Vue 2 的响应式系统通过Object.defineProperty来实现,它为对象的每个属性添加 getter 和 setter,以便追踪依赖并响应数据变化。
44 9

热门文章

最新文章