<template>  <component    :is="type === 'internal' ? 'router-link' : 'a'"    :to="type === 'internal' ? link : null"    :href="type !== 'internal' ? link : null"  >    <slot />  </component></template><script>import { Component, Prop, Vue } from "vue-property-decorator";@Componentexport default class SiteLink extends Vue {  @Prop({    validator: (value: string) =>      ["external", "internal"].includes(value)  })  private readonly type!: string;  @Prop({ type: String })  private readonly link!: string;}</script>上面是一個(gè) Vue 組件，它將在其中呈現(xiàn)一個(gè)鏈接。我已經(jīng)刪除了與問(wèn)題無(wú)關(guān)的任何內(nèi)容（即rel、target、class等）。理解- 我對(duì) Vue Router 的理解是，<router-link to="/about">About</router-link>和<a href="/about">About</a>都會(huì)像<a href="/about">About</a>在 DOM 中一樣渲染，不同之處在于<router-link>版本將為鏈接提供 SPA 功能（即不加載新頁(yè)面，它動(dòng)態(tài)渲染組件）。預(yù)期- 當(dāng) 時(shí)type="internal"，它將呈現(xiàn)該<router-link>版本。當(dāng) 時(shí)type="external"，它將渲染<a>版本。<site-link type="external" link="https://stackoverflow.com">Stack Overflow</site-link>Will render<a href="https://stackoverflow.com">Stack Overflow</a><site-link type="internal" link="/about">About</site-link>Will render<router-link to="/about">About</router-link>Which is then handle by VueRouter to render<a href="/about">About</a>實(shí)際- 當(dāng) 時(shí)type="internal"， a<a>沒(méi)有在 DOM 中渲染。 href當(dāng) 時(shí)type="external"，它會(huì)按預(yù)期呈現(xiàn)。<site-link type="external" link="https://stackoverflow.com">Stack Overflow</site-link>Will render<a href="https://stackoverflow.com">Stack Overflow</a><site-link type="internal" link="/about">About</site-link>Will render<router-link to="/about">About</router-link>Which is then handle by VueRouter to render<a>About</a> <!-- Notice there is no href -->有什么想法可以實(shí)現(xiàn)我想要的嗎？