今天是第二十五天,我想繼續簡單分享一下組件基礎
昨天有提及了全局註冊,想當然就會有局部註冊。
全局註冊的補充:
局部註冊:
這裡是HTML的部分,跟昨天大同小異
<div id="app">
<Button1></Button1>
<Button1></Button1>
<Button1></Button1>
</div>
這裡是JS的部分
<script>
const Button1={
data(){
return{
count:0
}
},
template:`
<button @click="count++">目前點了{{count}}次</button>
`
}
const app = Vue.createApp({
components:{
Button1
},
template:`
<div>
<Button1></Button1>
</div>
`
})
const vm =app.mount("#app");
</script>
執行結果,我們可以看到只有產生一個按鈕,沒有跟全局註冊一樣
參考文件:
https://vuejs.org/guide/components/registration.html#local-registration
組件基礎(二)就分享到這邊,我們第二十六天見