2019年(3)
分类: IT业界
2019-11-19 17:08:20
除了可通过模板创建HTML之外,Vue还提供了渲染函数和JSX,前者的编码自由度很高,后者对于开发过React的人来说会很熟悉。注意,Vue的模板最终都会被编译成渲染函数。
虽然在大部分场景中,都会选择直观而清晰的模板,但遇到一些复杂的场景时,就不得不使用渲染函数render()了。
1)render()
假设有一个page组件,它会根据外部传入的type特性,有选择的渲染,其模板如下所示。
<script type="text/x-template" id="template"> <h1 v-if="type == 1"> <slot></slot> </h1> <h2 v-else-if="type == 2"> <slot></slot> </h2> <h3 v-else-if="type == 3"> <slot></slot> </h3>阅读(174) | 评论(0) | 转发(0) |