vue 組件是可重用、獨立、封裝的 javascript 對象，包括數據、模板和方法。組件提供可重用性、獨立性、可維護性和可擴展性。vue 中有單文件組件（sfc）和多文件組件。當組件添加到 vue 實例時，它會被創建為一個實例，包含其數據、方法和對模板的引用。
Vue 中組件的實質
在 Vue.js 中，組件是可重用的、獨立且封裝的代碼塊，可以創建出更復雜和可維護的應用程序。組件的實質是：
一個封裝了數據、模板和方法的 JavaScript 對象
數據：組件定義了自己的狀態，即數據，這些數據決定了組件的呈現方式。
模板：模板是一個 HTML 片段，它指定了組件的呈現內容，其語法與標準 HTML 相似，但包含了 Vue 指令。
方法：組件可以通過定義方法來響應用戶的交互或執行其他操作。這些方法在組件內部被調用。
組件的優勢
可重用性：組件可以被多個視圖和多個應用程序重復使用，這提高了代碼重用性。
獨立性：組件是獨立的，它們只負責實現其自己的功能，與應用程序的其他部分解耦。
可維護性：組件將代碼組織成更小的模塊，使得應用程序更容易理解和維護。
可擴展性：組件可以組合在一起創建更復雜的應用程序，無需大幅重寫代碼。
組件的類型
Vue 中有兩種類型的組件：
單文件組件（SFC）：在單個文件中定義數據、模板和方法。
多文件組件：將數據、模板和方法分別定義在不同的文件中。
組件的實例
當一個組件被添加到 Vue 實例時，它會被創建為一個實例，該實例包含組件的數據、方法和一個對模板的引用。每個組件實例都是獨立的，具有自己的數據狀態。
