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