美文网首页
vue中使用jsx

vue中使用jsx

作者: 君惜丶 | 来源:发表于2019-05-07 11:12 被阅读0次

    demo.jsx:

    import Vue from 'vue'
    import Component from "vue-class-component";
    import {Button} from 'iview'
    
    @Component
    export default class Demo extends Vue {
        show() {
            alert(123)
        }
    
        render() {
            return(
                <div style={{margin: '100px auto'}}>
                    <div style="color: black; font-size: 18px; margin-bottom: 20px">我在vue中使用jsx</div>
                    <Button on-click={this.show}>按钮</Button>
                </div>
            )
        }
    }
    
    

    运行:

    image-20190507111029596

    官方说明:

    https://github.com/vuejs/jsx

    相关文章

      网友评论

          本文标题:vue中使用jsx

          本文链接:https://www.haomeiwen.com/subject/yefeoqtx.html