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>

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

上一篇:网鼎杯_2018 _Web_fakebook


下一篇:Asp.NetCore Web应用程序中的请求管道和中间件