关于weex与Vue框架的区别

html-css013

关于weex与Vue框架的区别,第1张

1 :weex不支持浮动布局,使用弹性盒布局

2 :weex的css样式不支持连缀写法 比如 border 1px solid #fff,只能分开一项一项的写

3 :vue框架只关注视图层,有数据的双向绑定

4:在项目中的框架中 并没有Vue的实例对象,不能在原型对象上增加公共的方法供实例对象使用,所以也不存在Vue.component等这样的全局组件,全局过滤器的写法

5 :weex的css单位只支持px写法

6:weex框架的内置组件要比Vue多

*******************************************2020.06.01*************************************

初步了解这些 后续还会继续整理~~~~~~~~

uni-app支持的通用css单位包括px,rpx

vue页面支持普通H5单位,但在nvue里不支持;

nvue页面还不支持百分比单位

App端,在pages.json里的titleNView或页面里写的plus api中涉及的单位,只支持px,此时不支持rpx。

nvue中,uni-app模式可以使用px,rpx表现与vue中一致,weex模式目前遵循weex的单位;

点击切换实现路由跳转

实现方法: 一、在index.vue的页面入口写一个点击方法,利用uni.navigateTo({})写上将要跳转的页面路径。

                二、 components文件里面创建headerNav.vue组件

                三、在pages.json文件里写上组件路径进去

这里可以选择修改对应的样式信息

scroll-view属性说明:

横向滚动通过添加scroll-x="true",并且需要在scroll-view的上一级加上row,完成横向滚动

纵向滚动条通过添加scroll-y="true",并且使用scroll-view来配合完成纵向滚动轴

属性说明:

view的属性说明:

属性说明:

由于 icon 组件各端表现存在差异,可以通过使用字体图标的方式来弥补各端差异。

属性说明:

各平台type值的有效说明: