render-studio数据渲染

75 阅读1分钟

数据渲染

数据渲染是前端的主要内容,renderJS拥有通用的数据渲染语法,具体包括txt渲染,html渲染, 选择渲染, 插槽渲染,数组渲染,文档渲染,数组的文档渲染,文档的数组渲染以及其它各种嵌套渲染。

普通渲染

  1. @txt
  2. @html

选择渲染

  1. @if
  2. @else
  3. @switch

插槽渲染

  1. 具名插槽
  2. 匿名插槽

数组渲染

  1. 标识标签

@list

  1. 取值标签

@data

@index

数组的数组

  1. @list-list

数组的文档

  1. @list-document

文档渲染

  1. @document
  2. @section

文档的数组

  1. @document-list

文档的文档

  1. @document-document

嵌套渲染

对于数组和文档,里面可能设计到更深层的嵌套渲染,具体需要根据数据模型的结构来决定。仅需要根据文档中提供的渲染指令,便可以完成对复杂数据模型的渲染。