V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
anonymous2351d00
V2EX  ›  Vue.js

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

  •  
  •   anonymous2351d00 · 2022-12-19 14:56:10 +08:00 · 1388 次点击
    这是一个创建于 714 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 可不可以把 组件 当做参数传入下层组件中?

    4 条回复    2022-12-20 14:25:26 +08:00
    anonymous2351d00
        2
    anonymous2351d00  
    OP
       2022-12-19 15:10:15 +08:00
    @Huelse 感谢大佬
    agileago
        3
    agileago  
       2022-12-20 09:46:27 +08:00   ❤️ 1
    蹩脚的模板语法模拟 renderProps
    anonymous2351d00
        4
    anonymous2351d00  
    OP
       2022-12-20 14:25:26 +08:00
    @agileago react 怎么都行,随便传个 callback 都可以实现了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5855 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 02:59 · PVG 10:59 · LAX 18:59 · JFK 21:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.