vue中使用jsx语法 render渲染函数

 
渲染函数不可以template同时使用,render于data,methods等同级
 
非必要需求不建议在vue中使用 jsx 语法
例子:
<script>
export default {
    components:{
      
    },
    name: 'children',
    mounted(){
        
       
    },
   
 render(){
            return(
                <div>
                    <el-button onClick={()=>{this.c()}}>我是jsx语法</el-button>
                    {
                        this.arr.map((item,index)=>{
                            return  <div>{item}</div>
                        })
                    }
                </div>
            )
    },
    methods:{
        c(){
            console.log('1')
        }
    },
    
  
}
</script>

<style scoped>

</style>
posted @ 2020-07-08 16:49  孙同学你好  阅读(1242)  评论(0编辑  收藏  举报