Vue躬行记（7）——渲染函数和JSX

　　除了可通过模板创建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> 
            

              

			  
			  
				


				
			  
              阅读(159) | 评论(0) | 转发(0) |
			                

            
            
            

              
0
              
上一篇：没有了
              
下一篇：众享礼APP开发案例