uniapp中nvue与vue的区别? |
您所在的位置:网站首页 › uniapp和ionic › 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返回搜狐,查看更多 责任编辑: |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |