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