vue 使用jsx需要注意的问题

vue 使用jsx官网提供了一些方式，为什么用jsx，因为jsx足够灵活，模板引擎虽然比较简单，但复杂dom结构仍然生成不了，我近期做了一个递归生成dom结构的DEMO，因为递归的原因，普通的模板引擎实现不了这种，所以我用了jsx。

引入JSX比较简单，用https://github.com/vuejs/babel-plugin-transform-vue-jsx这个网站里面提供的，增加这些依赖就可以了。

其实用JSX生成的组件和用正常模板引擎生成的组件可以一样，就是把template删了，然后再export default里面加个render，render里面完全用jsx的语法，其他的正常些就行了

其中如果给事件传值的话需要这么写，this.clickHandler.bind(this,data)，JS操作的部分要用{}，DOM结构用()

demo 如下,可以看下，其中slot还没找到引入的方式，如果有知道的大神，望留言指导一下，