如何不使用组件去复用一段html模板呢？

[CBCBA]

php模板引擎有下面的include用法：
当一个文件被包含时，其中所包含的代码继承了 include 所在行的变量范围。如果 include出现于调用文件中的一个函数里，则被调用的文件中所包含的所有代码将表现得如同它们是在该函数内部定义的一样。

vue有类似引入一段模板字符串的功能，其内部变量的作用域是属于当前页面的功能吗，不需要封装复杂的组件

[chenxch]

demo

建议还是使用组件，这样虽然可以实现，但是写起来总感觉有点别扭。

[yjhenan]

<template>
  <div class="container">
    <component :is="tpl" />
  </div>
</template>

[chenxch]

@yjhenan 你这无法解决变量传递的问题

[yjhenan]

@chenxch 我好像理解错了😂

[yjhenan]

@chenxch 试了下，不用 VNode.ts可以正常渲染啊

[chenxch]

嗯， 直接使用component标签也行 demo

[yjhenan]

复用我知道，其他就不大懂了😄

<script setup lang="tsx">
const temp = () => <div>哈哈</div>
</script>

<template>
  <temp />
  <component :is="temp"></component>
</template>

[edison1105]

use https://vue-macros.sxzz.moe/features/named-template.html

[chenxch]

@CBCBA 刚好看到一个新的api就想到你这个场景了，你可以看看
createReusableTemplate