Q: Vue3 有没有模板声明成变量的方式？ Vue3 如何把组件当做参数传入?

[anonymous2351d00]

intro.什么是模板变量?

  // 这里在 html 中把 img 元素声明成一个模板变量 HeaderImg
  <ng-template #headerImg>
      <img src="xxxx"></img>
  </ng-template>
  
  
  // 使用 把 headerImg 这个 html 当做参数传入了<layout-default>这个组件里
  <layout-default  [userImg]="headerImg"></layout-default>
  
  
  // 在<layout-default>组件中使用了上层组件传入的 headerImg(本层是 userImg)的 html 代码片段
  <ng-container *ngTemplateOutlet="userImg"></ng-container>

Question-1

请问 Vue3 有没有这种书写方式?

Question-2

请问 Vue3 可不可以把 组件 当做参数传入下层组件中？

[Huelse]

Q1： 有，https://vuejs.org/guide/components/slots.html#scoped-slots
Q2：可以，https://vuejs.org/api/built-in-special-elements.html#component

[anonymous2351d00]

@Huelse 感谢大佬

[agileago]

蹩脚的模板语法模拟 renderProps

[anonymous2351d00]

@agileago react 怎么都行，随便传个 callback 都可以实现了。