vue render案例

<template>
	<div>
		<anchored-heading :level="1">Hello world!</anchored-heading>
	</div>
</template>

<script>
	export default {
		name: 'Name',
		components: {
			'anchoredHeading': {
				render: function(createElement) {
					return createElement(
						'h' + this.level, // 标签名称
						this.$slots.default // 子节点数组
					)
				},
				props: {
					level: {
						type: Number,
						required: true
					}
				}
			}
		},
		data() {
			return {
			}
		},
		watch: {},
		computed: {},
		created() {},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
</style>