前端 Weex 框架开发一些注意事项

weex官方文档

https://weexapp.com/zh/guide/introduction.html

weexUi组件库文档

https://apache.github.io/incubator-weex-ui/#/cn/packages/wxc-popover/

用法区别

1. 在输入内容时，请确保将内容写在 <text></text>标签中，因为写在 <span> 标签内是不会起作用的。
2. 需要手动开启 flex 布局，默认是 column 方向，所以需要自己添加 flex-direction: row来指定为行方向。
3. 当设置背景色时，需要使用 background-color属性而不是仅使用 background。
4. 在设置内边距、外边距和边框时，不能直接使用 padding、margin 以及 border，需要分开写，例如使用 padding-top、margin-top，以及 border-width: 1px 等。很多属性都有类似的情况，如果简写不行的话，不妨展开试试。
5. Vue 版本和 Weex 版本不支持使用 ?.进行判断，而是需要使用 res.obj && res.obj.name来代替 res.obj?.name的写法。
6. 使用class语法时，对象形式失效，如下：

   invalid：:class="item.value === '提交后级' ? 'summit-back' : 'button'"
   valid：:class="[item.value === '提交后级' ? 'summit-back' : 'button']"

7. 在 Weex 中，v-show 指令将会失效。
8. 由于 Vue 版本过低，在使用插槽传值时需要使用 slot-scope="slotProps"进行传递，不可以使用v-slothttps://v2.cn.vuejs.org/v2/api/#vm-slots官方文档。

vue/weex版本

上面所写的注意事项并不一定完全正确，还需要根据版本信息去解决，下面是我的版本信息：

  "vue": "^2.5.11",

 "weex-acechart-js": "^1.2.1",