JSX基本语法

<script>
export default {
    name:"JSXFile",
    data() {
        return {
            msg: "消息",
            
        }
    },
    methods:{
        clickHandler(){
            console.log("点击了");
            this.msg="呵呵哒"
        }
    },
   
    
    render(){
        return(
            <div>
            
            我是JSX：{this.msg}
                //默认插槽的基本使用
                <p>{this.$slots.default}</p>
               // 具名插槽的使用
                <p>{this.$slots.header}</p>
               <button onClick={this.clickHandler}>点击</button>
            </div>
        )
    }
}
</script>