javascript - vue可以通过父组件的prop注入组件定义吗？

Question

template:`<p data-child1></p>`

template:`<p data-child2></p>`

parent

template:
`<p>
    <child1></child1>
    <child2></child2>
</p>`

app

template:`<parent components="components"></parent>`
components:{
    child1
    child2
}

Answer 1

你该用slot吧

Answer 2

parent - template :
<p>
  <slot name="child1"></slot>
  <slot name="child2"></slot>
</p>

---

APP 定义时
<parent>
   <p slot="child1"></p>
   <p slot="child2"></p> 
</parent>

使用slot 可以这样动态替换内容。如果动态组件的话 可以通过props 传值到子组件渲染.