weex踩坑记录（3）

1、loadmore事件不会在web端触发
2、不支持百分比单位
3、垂直水平居中： justify-content: center即可

4、使用this.$emit('call-click')， 然后在父组件中监听call方法，发现在APP中无法唤起call-click方法（健康VIP，点击客服权益按钮）
原因： 不能使用-方法，应该写成this.$emit(callClick)

5、不支持vue中的事件修饰符，比如.stop, .prevent等

6、动态绑定class, 请使用数组的形式.
多个class用逗号分隔

:class="[index == choosedIndex ? 'choosed-class' : '', 
index != choosedIndex ? 'unchoosed-class' : '']"

7、组件所传递的数据一定要在beforeMount钩子中先获取到，不然手机端数据会先为空， 然后你的组件有限制条件显示的话，就不显示了。（比如健康VIP的邀请入口v-prize-new）
因为渲染流程是： beforeMount(拿数据)->渲染组件->created->mounted

8、background-image: linear-gradient(to right, red, blue)；这种渐变不能与border-radius圆角大小不一样时同时使用，同时使用会导致border-radius失效。
比如：

    // border-radius会失效
    border-top-left-radius: 0;
    border-top-right-radius:0;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    background-image: linear-gradient(to right, red, blue);

    // border-radius正常显示
    border-radius:12px;
    background-image: linear-gradient(to right, red, blue);

9、对于某些样式属性，weex会给出警告的要思考怎么处理。比如align-self， max-width, min-width, white-space, word-break, outline, display, flex-start等

10、如果你的横向scroller组件无法滚动，考虑给scroller加个宽度就可以了。