weex组件和vue组件的区别
1、布局不同
在html或者Vue中我们可以使用浮动布局，但是weex并不支持，所以请不要使用。weex
提倡使用Flex进行布局。
2、float浮动，Flex移动端全都支持
3、百分比布局
html中布局，经常使用百分比进行布局，这种布局可以适应不同屏幕，但是你用weex布局时百分比是不支持的
4、不支持综合式写法
例如：border:1px solid #ccc;
这样在网页中可以显示出来，但是weex不支持在原生app中不能显示出来
因此要分开写
border：设定边框，border 目前不支持类似这样 border: 1 solid #ff0000; 的组合写法。可有如下写法：
border-style：设定边框样式，值类型为 string，可选值为 solid | dashed | dotted，默认值 solid可有如下写法：
border-left-style {string}：可选值为 solid | dashed | dotted，默认值 solid
border-top-style {string}：可选值为 solid | dashed | dotted，默认值 solid
border-right-style {string}：可选值为 solid | dashed | dotted，默认值 solid
border-bottom-style {string}：可选值为 solid | dashed | dotted，默认值 solid
border-width {length}：设定边框宽度，非负值, 默认值 0可有如下写法：
border-left-width {length}：，非负值, 默认值 0
border-top-width {length}：，非负值, 默认值 0
border-right-width {length}：，非负值, 默认值 0
border-bottom-width {length}：，非负值, 默认值 0
border-color {color}：设定边框颜色，默认值 #000000可有如下写法：
border-left-color {color}：，默认值 #000000
border-top-color {color}：，默认值 #000000
border-right-color {color}：，默认值 #000000
border-bottom-color {color}：，默认值 #000000
border-radius {length}：设定圆角，默认值 0可有如下写法：
border-bottom-left-radius {length}：，非负值, 默认值 0
border-bottom-right-radius {length}：，非负值, 默认值 0
border-top-left-radius {length}：，非负值, 默认值 0
border-top-right-radius {length}：，非负值, 默认值 0
背景颜色也要写成 background-color:red;
5、weex长度单位只支持px
长度单位有 rem,em,pt weex:px
dpi=dp=px
了解原生应用的dpi单位，那这里的px是和dpi单位相对应的。所以你也不用纠结。使用就可以了，需要注意的是请不要再使用我们的rem,em,pt进行布局了。
推荐一篇文章：http://blog.csdn.net/yuzhouxiang/article/details/7283931
大家可以了解下