如何在 Vue 中使用 JSX

JSX 是什么JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以他即具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性为什么要在 Vue 中使用 JSX有时候，我们使用渲染函数来抽象组件，渲染函数不是很清楚的参见官方文档, 而渲染函数有时候写起来是非常痛苦的其对应的模板是下面：这显然是吃力不讨好的，这个时候就派上 JSX 上场了。子组件通过 this.$slots.header 方式指定插槽的名称，其中 header 就是插槽的名称父组件：子组件：作用域插槽：子组件中通过 {this.$scopedSlots.test} 指定插槽的名称是 test，并将 user 传递给父组件。