Vue 組件 Class 是一種對 Vue 組件進行可復(fù)用性封裝的方式。它是由 Vue 組件實例化對象的構(gòu)造函數(shù)定義的，定義這個構(gòu)造函數(shù)可以讓我們創(chuàng)建出一個可重復(fù)使用的組件類，方便我們在多個組件之間共享和使用。

在一個 Vue 組件類中，我們可以定義組件的數(shù)據(jù)、計算屬性、事件以及所有的生命周期鉤子函數(shù)，這些組件構(gòu)造函數(shù)的方法和屬性都會在 Vue 實例化的時候被實例化并附加到 Vue 實例組件上。

Vue.component('my-component', { 
data: function () { 
return { count: 0 } 
},
template: '{{ count }}'
})

上面這段代碼是一個 Vue 組件 Class 的實例化過程。我們首先使用 Vue.component() 方法創(chuàng)建一個組件類，然后在這個組件類中通過 data 方法定義了組件的初始數(shù)據(jù)——count，緊接著定義了組件的模板——一個按鈕，它點擊后會使 count 值加 1。

使用 Vue 組件 Class 可以讓我們更加方便地創(chuàng)建和重復(fù)使用組件，同時也提高了組件之間的可維護性和可讀性，是在 Vue 開發(fā)中非常實用的工具。