Vue render函数

一般Vue组件HTML代码都是写在template模板里

<template>

 <span>template123</span>
</template>

<script>
  export default {
    
  };
</script>

<style></style>

通过Vue提供的render函数可以不写templa标签也能实现上面的效果

<script>
export default {
    render (createElement){
      return createElement('span',"render123")
    }
};
</script>

<style></style>

当然也可以动态的去创建一个标签

举个例子，可以通过父级传入的方式来实现子组件要生成什么标签

<template>
  <div id="app">
    <!-- 父组件传值 -->
    <