namedTemplate 
稳定性:
实验性 ⚠️ 实验性功能，风险自负WARNING
目前没有积极维护。请试试 createReusableTemplate。
通过开启 namedTemplate ，<template> 可以像变量一样被引用。
有时候我们需要把非常简单的组件颠倒顺序，但又不想放弃 Vue 模板的特性而使用 JSX/TSX。那么这个功能就非常有用了。
如果你支持此功能，欢迎在 讨论 中点赞 👍 或评论。
| 特性 | 支持 |
|---|---|
| Vue 3 | ✅ |
| Vue 3.3 | ❌ |
| Nuxt 3 | ❌ |
| Vue 2 | ❌ |
| TypeScript / Volar | ❌ |
基本用法
vue
<script setup> const pager = 'top' </script> <template name="pager"> <span>This is pager</span> </template> <template> <template v-if="pager === 'top'"> <template is="pager" /> </template> <span>Here is data table</span> <template v-if="pager === 'bottom'"> <template is="pager" /> </template> </template>已知的问题
- TypeScript / Volar 支持尚未完成。
Kevin Deng
Lzzzs