在Vue中，我們可以通過(guò)使用slot插槽來(lái)定義子組件的模板。但是對(duì)于一些簡(jiǎn)單的父子組件，使用child組件來(lái)擴(kuò)展父組件也是一種很好的解決方法。

一個(gè)典型的Vue父子組件的例子如下：

Vue.component('father', {
template: `
我是父組件
`,
components: {
child: {
template: `
我是子組件哦
`
}
}
})

在這個(gè)例子中，我們可以看到，在父組件``中定義了一個(gè)子組件``，在父組件的模板中直接使用了子組件的標(biāo)簽。其中，子組件的模板可以通過(guò)在父組件對(duì)象的components屬性中定義一個(gè)子對(duì)象來(lái)實(shí)現(xiàn)。

當(dāng)我們?cè)诟附M件中使用child組件標(biāo)簽時(shí)，Vue會(huì)將父組件模板中的child標(biāo)簽替換為子組件的模板。如果我們有多個(gè)child標(biāo)簽，那么每一個(gè)child標(biāo)簽都會(huì)被替換為子組件的模板。

同時(shí)，在子組件模板中，如果需要訪問(wèn)父組件的數(shù)據(jù)和方法，我們可以使用$emit來(lái)在子組件中向父組件發(fā)送自定義事件，從而實(shí)現(xiàn)父子組件的數(shù)據(jù)和方法交互。