這篇博文用來記錄.vue元件的使用方法。可以把元件**按照template、style、script的拆分方式，放置到對應的.vue檔案中。
模板（在template）、初始資料（data）、接受的外部引數（props）、方法（methods）、生命週期鉤子函式（lifecycle hooks）。
html中使用元件
使用元件首先需要建立構造器：
var mycomponent = vue.extend()vue.component(tag, constructor)註冊 ：
// 全域性註冊元件，tag 為 my-component
vue.component('my-component', mycomponent)
vue.component('my-component', mycomponent)這種是全域性註冊，第乙個引數是註冊元件的名稱，第二個引數是元件的建構函式；
選項物件的template屬性用於定義元件要渲染的html；
new vue(
})
template中使用。
在定義元件的選項時，data和el選項必須使用函式。
如果data選項指向某個物件，這意味著所有的元件例項共用乙個data。
所以應當使用乙個函式作為data選項，讓這個函式返回乙個新物件：
vue.component('my-component',
}});
el選項用在vue.extend()中時也須是乙個函式。
vue.js元件之間有三種資料傳遞方式：
props
元件通訊
slot
props是元件資料的乙個字段，期望從父元件傳下來資料。因為元件例項的作用域是孤立的，所以子元件需要顯式地用props選項來獲取父元件的資料。
props選項可以是字面量、表示式、繫結修飾符。html特性不區分大小寫。名字形式為camelcase的prop用作特性時，需要轉為kebab-case（短橫線隔開）：
用v-bind繫結動態props到父元件的資料。每當父元件的資料變化時，也會傳導給子元件。
可以使用繫結修飾符：
.sync，雙向繫結
.once，單次繫結
prop預設是單向繫結：當父元件的屬性變化時，將傳導給子元件，但是反過來不會。
不過需要注意的是：如果prop是乙個物件或陣列，是按引用傳遞。在子元件內修改它會影響父元件的狀態，不管是使用哪種繫結型別。
vue.component('example', ,
propc: ,
propd: }},
prope: ,
propf:
},propg:
},proph: }}
});
Vue元件基礎
new vue 就可以認為是乙個大元件，但多個例項這樣太low了，vue為我們提供了component。1.全域性註冊的元件 要註冊乙個全域性元件，你可以使用vue.component tagname,options 例如 註冊 vue.component my component 建立根例項 va...
Vue元件基礎
vue.component button counter template you clicked me times.這裡的data必須是乙個function，不能是物件。因為如果是物件，多個元件引用的是相同的data。如果是function，那麼每次返回的都是不同的data物件，這樣元件之間引用的...
Vue入門 元件基礎
元件 專案的開發,就是乙個元件樹,元件可以進行復用。元件的名字 1.html標籤不區分大小寫 2.不能跟系統標籤重名 3.遵循 w3c 規範中的自定義元件名 字母全小寫且必須包含乙個連字元 4.支援駝峰命名.myheader,但是在引用的時候,需要使用my header的方式元件支援兩種定義方式 全...