在Vue中，我們經常要使用組件來構建復雜的應用程序。為了方便組件復用和管理，Vue提供了繼承模板的功能，允許我們使用其他組件或HTML模板作為父組件來創建新的子組件。

使用Vue的 extends 關鍵字，我們可以定義一個子組件，并繼承其它組件或HTML模板的所有屬性和方法。下面是一個示例代碼：

Vue.component('base-input', {
inheritAttrs: false,
props: ['label', 'value'],
template: `
{{ label }}
`
})
Vue.component('validated-input', {
extends: 'base-input',
methods: {
validate: function () {
// validation logic here
}
}
})

在上面的代碼中，我們首先定義了一個基礎的input組件，并使用inheritAttrs選項來防止基礎組件繼承父組件自身的屬性。接下來，在定義新的validated-input組件時，使用extends關鍵字來繼承base-input組件，從而獲得其所有屬性和方法。我們還在validated-input組件中添加了一個新的validate方法，用于對輸入進行驗證。

使用Vue的extends模板功能，可以方便地復用現有的組件或HTML模板，并為其添加新的屬性和方法。這不僅提高了應用程序的可維護性和可擴展性，也可以加快開發速度，降低開發成本。