Vue官方文档（41）：在组件中直接使用渲染函数render

最新推荐文章于 2024-11-01 14:22:21 发布

amadeus_liu2

最新推荐文章于 2024-11-01 14:22:21 发布

阅读量139

点赞数

分类专栏： Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/amadeus_liu2/article/details/127726527

版权

Vue 专栏收录该内容

70 篇文章 0 订阅

订阅专栏

<template>
		<div id="app">
			<my-render level="1">this is a book</my-render>
		</div>
</template>

<script>
import Vue from 'vue'

Vue.component('my-render', {
  render: function (createElement) {
    return createElement(
      'h' + this.level,   // 标签名称
      this.$slots.default // 子节点数组
    )
  },
  props: {
    level: {
      type: Number,
      required: true
    }
  }
})

  export default {
    data() {
      return {        
      }
    },
    components: {
    },
    created: function(){  
    },
    watch:{    
    },
    mounted(){
 
    },
    methods: {
         


    },
    computed: { 

    }
  }



</script>



<style >
    

</style>