## jsx的基本使用
### jsx的babel配置

#### 安裝Babel支持Vue的jsx插件：
npm install @vue/babel-plugin-jsx -D
#### 在babel.config.js配置文件中配置插件:

module.exports = {
 ?presets: [
 ? ?'@vue/cli-plugin-babel/preset',
 ?
 ? ],
 ? plugins:[
 ? ? "@vue/babel-plugin-jsx"
 ? ]
}

### jsx組件的使用

import jsxOn from './jsxOn.vue'
import {ref} from 'vue'
export default {
 ? ?setup(){
 ? ? ? ?const count=ref(0)
 ? ? ? ?const on=()=>{
 ? ? ? ? this.count++
 ? ? ? ?}
 ? ? ? ?return {
 ? ? ? ? ? ?count,
 ? ? ? ? ? ?on
 ? ? ? ?}
 ? ?}
 ? ?render() {
 ? ? ?return (
 ? ? ? ? ?<div>
 ? ? ? ? ? ?<h2>{this.count}</h2>
 ? ? ? ? ? ?<button onClick={this.on}>+1</button>
 ? ? ? ? ? ?<jsxOn>{{default2: props=><div>我是jsxOn的插槽</div>}}</jsxOn>
 ? ? ? ? ?</div>
 ? ? ?);
 ?},
}