渲染逻辑控制器- (Render Logic Control)

[Tancy]

新版中文网站及文档已经上线，请访问 https://weex-project.io/cn/ ， 此处后续不再维护，谢谢理解。

append

append属性没有做数据绑定的工作。它不会改变最终的渲染效果。但是此属性确定是以一整棵树或子节点的方式添加。

append 有两个关键属性，tree 和 node，使用方法如下：

<template>
  <container>
    <container id="world" append="tree">
      <text>Hello World!</text>
    </container>
    <container id="weex" append="node">
      <text>Hello Weex!</text>
    </container>
  </container>
</template>

在上面的代码中，id为world的元素将等待其所有子元素渲染完成，才完全全部渲染。然而id为weex的元素只完成自身的渲染就会被呈现在页面上，其子元素渲染完成一个展示一个。

渲染结果显而易见，后者渲染方式会使第一次绘画的速度比前者快些，但是总体的渲染时间可能比 append="tree" 长些。

默认情况下，元素的呈现为 node 模式，只要元素是 tree的渲染方式，其子元素都将以 tree模式渲染。

下一节我们将介绍复合组件。

[transtone]

上一篇： 样式和类
下一篇： 组件封装

[ghost]

点"组件封装"进来的，错了吧？

[natman44]

错了

[Jinjiang]

@shenjin1990 @natman44 fixed
Thanks.

[zhangjh]

下一节我们将介绍复合组件。

这里的链接又错了，没有更新

[yundongbot]

@zhangjh 不好意思，文档最近正在更新，变动比较频繁。请访问最新文档 http://alibaba.github.io/weex/cn/doc/

[jetlee0797]

最后 ” 其子元素都将已 tree模式渲染。“

这里 ”已“ 应该是 ”以“ 吧？

[yundongbot]

@jetlee0797 感谢反馈，不过我们的文档目前已迁移到 weex.io ，欢迎访问

[yundongbot]

新版中文网站及文档已经上线，请访问 https://weex-project.io/cn/ ， 此处后续不再维护，谢谢理解。