Vue 3提供了一種新的方式讓子組件繼承父組件的屬性和方法，這種方式稱為繼承組件(Inheritable Component)。

在Vue 3中，我們可以使用`provide/inject`來實現組件之間的屬性和方法傳遞。而繼承組件則是在提供屬性和方法的同時，使得子組件可以繼承父組件的這些屬性和方法。

下面是一個簡單的例子，展示了如何使用繼承組件：

// 父組件
const ParentComponent = {
provide: {
getName() {
return this.name
},
getAge() {
return this.age
}
},
data() {
return {
name: 'John',
age: 30
}
},
template: `
Parent Component
Name: {{ name }}
Age: {{ age }}
`
}
// 子組件
const ChildComponent = {
inject: ['getName', 'getAge'],
template: `
Child Component
Name: {{ getName() }}
Age: {{ getAge() }}
`
}
// 使用繼承組件
const InheritableComponent = {
extends: ParentComponent,
components: { ChildComponent },
template: `
`
}
// 渲染繼承組件
new Vue({
el: '#app',
components: { InheritableComponent },
template: `
`
})

在上面的例子中，`ParentComponent`提供了`getName`和`getAge`兩個方法，同時定義了`name`和`age`兩個屬性。`ChildComponent`通過`inject`來注入這兩個方法，并在模板中調用。而`InheritableComponent`通過`extends`來繼承`ParentComponent`，并且引入了`ChildComponent`。因此`ChildComponent`也繼承了`ParentComponent`的屬性和方法。

繼承組件可以讓我們更容易地在組件之間共享代碼和行為。但是需要注意的是，繼承是一種緊耦合的關系，可能會使組件之間的關系變得復雜。因此我們應該謹慎地使用繼承組件。