16 lines (10 loc) · 1.31 KB

自定义组件

注意事项：由于 HTML 语法中特性名是不区分大小写的，所以您无法直接用驼峰命名，我们提供了 hyphenated 语法，在解析之后这些名称会自动转换为驼峰命名 (比如在 <template> 的组件特性里用 aaa-bbb-ccc 表示其 data 或上下文里的 aaaBbbCcc)。

除了在主文件同目录下创建和被封装组件同名的 we 文件之外，Weex 还支持另外几种子组件的书写方式：

在 <script> 中通过 require 其它目录的 we 文件定义同名组件
在主文件下新增 <element name="xxx"> 标签，name 特性的值为新创建的组件名，其 <element> 内部的内容是定义该组件的代码

注意事项

组件各自的 <style> 是相互独立的，不会担心不同组件中相同的 class name 相互干扰。
如果自定义组件在父组件中有 id 特性，则可以在父组件上下文中通过 this.$vm(id) 接口来访问该自定义组件的上下文，也可以通过 this.$el(id) 来找到其背后真实的原生组件。更多详见获取子组件信息
自定义组件之间通信的问题可以参考组件间通信
不论通过父组件把数据传递进来还是在当前组件内部对数据发起修改，只有在组件的 data 选项中明确写明的字段才会被正常的监听。