[TOC] # 組件 > 組件化是Vue重要的思想 > > 1. 它提供了一種抽象，讓我們可以開發出一個個獨立可復用的小組件來構造我們的應用。 > > 2. 任何的應用都會被抽象成一顆組件樹。 >  >組件化思想的應用開發： > >1. 有了組件化的思想，我們在之后的開發中就要充分的利用它。 >2. 盡可能的將頁面拆分成一個個小的、可復用的組件。 >3. 這樣讓我們的代碼更加方便組織和管理，并且擴展性也更強 ### 定義 >[info]1.可以把template里面的內容寫在template標簽里面，根據id值進行關聯 2.template這個屬性要求（組件要求）：只能有一個根元素 3.命名：首字母大寫,如果在html結構里面使用，標簽的首字母不需要大寫,名字后面如果有大寫字母的，轉換成小寫，用-連接 ### 局部組件的數據使用 組件使用的數據要定義在組件內部的data中，格式是 data:function(){ return { 定義的數據名：值 } }