我们创建Vue组件

const app = Vue.createApp({});

app.component('header-link',{
    data(){
        return{
            count: 0
        }
    },
    template: `
        <a class="link" href="#">
        </a>
    `
})

app.mount("div#app");

但是，如果我们尝试：

<header-link id="about">About</header-link>

然后"；关于"；内部HTML被忽略，并创建了元素：

<代码><；类="；链接"；href="；#"；ID="；关于"；>；<；/a>；

顺晟科技：