</div>
)
}
}
上面每道题目的结构都不一致
//子组件,只接受数据展示，用函数式组件
<script>
export default {
functional:true,
name: "item",
render(h,context){
return (
<div class="red" {...context.data}>
{context.props.data}
</div>
)
}
}
</script>
上面没有用任何if/else判断就完成了功能，这里用jsx我觉得比较合适，不知道各位大佬有什么其他思路？
最后
总结一下吧，我们平时开发还是多用temlate因为直观简洁，各种指令用着很方便，等你觉得用template写出的代码看着很冗余，或者想自己控制渲染逻辑比如循环，判断等等时可以考虑用JSX。另外推荐大家多用函数式组件提高性能。
第一次写文章，希望各位花时间看了的大佬觉得哪个说的不太严谨还需多多包涵，提出意见我都接受。
参考资料
vue 渲染函数&jsx
babel-plugin-transform-vue-jsx
