<div id="app">
<div class="p-5">
<alert1></alert1>
<alert2></alert2>
</div>
</div>
const app = Vue.createApp({
data() {
return {
componentName: 'alert1'
};
}
})
app.component('alert1', {
template: `<div class="alert alert-primary" role="alert">
範例ㄧ
</div>`,
});
app.component('alert2', {
template: `<div class="alert alert-primary" role="alert">
範例二
</div>`,
});
app.mount('#app');