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
大家可以了解下