vue---JSX

在绝大多数情况下，我们的模板都可以用HTML来书写。但是如果你熟悉虚拟 DOM 并且不喜欢总是重复复制粘贴代码，做到更优雅的可重用性，你也可以不用模板，直接写渲染 (render) 函数，使用可选的 JSX 语法。使用JSX, 首先我们要在单文件组件里面抛弃template模板，然后声明一个render的函数。

render()函数：Vue.js通过编译将template 模板转换成渲染函数(render) ，执行渲染函数就可以得到一个虚拟节点树。

 

条件渲染

列表渲染