美文网首页Weex
Weex语法——渲染逻辑控制器

Weex语法——渲染逻辑控制器

作者: 阿凡提说AI | 来源:发表于2017-01-21 14:45 被阅读10次

    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模式渲染。

    相关文章

      网友评论

        本文标题:Weex语法——渲染逻辑控制器

        本文链接:https://www.haomeiwen.com/subject/dwtnbttx.html