其他分享
首页 > 其他分享> > JSX基本语法

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>

 

标签:基本,return,default,插槽,语法,msg,slots,JSX
来源: https://www.cnblogs.com/jq-growup/p/15964175.html