英文:
Is there a Vue.js equivalent to Angular's named templates?
问题
这是Angular的代码：
<ng-container *ngIf="someCondition; else spinner">
显示数据
</ng-container>
<ng-template #spinner>
显示加载动画
</ng-template>
在Vue.js中是否有与<template>等效的方式？
主要目标是避免代码重复。
英文:
Consider this angular code:
<ng-container *ngIf="someCondition; else spinner">
Show Data
</ng-container>
<ng-template #spinner>
Show Spinner
</ng-template>
Is there a vue.js equivalent with <template> ?
The main goal is to avoid code duplication.
答案1
得分: 2
经典的Vue方法是将重复部分提取到一个单独的组件中。这就是我会做的。
但是，你也可以考虑使用VueUse中的createReusableTemplate。它的语法与你的示例非常相似。
英文:
Classic Vue approach is to simply extract the duplicating part into a separate component. That's what i would do.
However, you can also consider createReusableTemplate from VueUse. It has a syntax very similar to your example.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论