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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM