為了可重用性高，減少重複性開發，我們可以按照template、style、script的拆分方式，放置到對應的.vue檔案中。
vue元件可以理解為預先定義好的viewmodel類。乙個元件可以預定義很多選項，最核心的有：
模板template：模板反映了資料和最終展現給使用者的dom之間的對映關係，
初始資料data：乙個元件的初始資料狀態，對於可重複的元件來說，通常是私有的狀態。
接收的外部的引數（props）：元件之間通過引數來進行資料的傳遞和共享，引數預設是單項繫結，但也可以顯示宣告為雙向繫結。
方法（methods）：對資料的改動操作一般都在元件內進行。可以通過v-on指令將使用者輸入事件和元件方法進行繫結。
生命週期函式（鉤子函式）：乙個元件會觸發多個生命週期函式，在這些鉤子函式中可以封裝一些自定義邏輯。可以理解為controller的邏輯被分散到了這些鉤子函式中。
註冊元件就是利用vue.component()方法，先傳入乙個自定義元件的名字，然後傳入這個元件的配置。
（元件名不要帶有大寫字母，多個單詞使用中劃線my-dom）
//3.元件的使用
// 第一種方式
template: `元素1.....
元素2.....
元素3.....
`,//第二種方式，模板內容用template包裹
例項中 template: `#logintpl`,
//第三種，模板內容用script包裹例項中
template: `#logintpl`,
data:function()//template中可以使用aaa
},//或data()//template中可以使用aaa
},
VUE 元件的建立
什麼是元件 元件就是為了拆分 vue 例項的 量的，能讓我們以不同的元件來劃分不同的功能模組，建立好後需要什麼功能就呼叫什麼元件，有一點類似於我們的函式 元件的建立 注 無論是哪一種建立元件的方法 元件的 template 屬性指向的模板內容必須只有乙個根元素 第一步 使用 vue.extend 來...
vue中元件的建立
三種建立方法 注意 1.模板template中只能有乙個根節點 2.元件的名字，如果採用駝峰命名的話，如myname,那麼在使用的時候只能只用my name1.vue.extend結合vue.component建立 index a div vue.extend 函式會返回乙個元件的構造器，它裡面包含...
Vue 建立元件的方式
h1 這是通過 template 元素,在外部定義的元件結構,這個方式,有 的智慧型提示和高亮 h1 div template template id tmpl2 h1 這是私有的 login 元件,在外部定義的元件結構,這個方式,有 的智慧型提示和高亮 h1 template script 如果使...