使用vue.extend(options)定義元件，引數為乙個包含了被定義組選項的物件。
使用vue.component(id,[definition])註冊定義好的元件，id為該元件名稱。
[definition]既可以是乙個extend()返回的例項，也可以是乙個包含元件選項的物件（將會自動呼叫extend()方法）。
使用kebab-case命名元件
var mybtn = vue.extend(}',
data: function ()
}})/**方式一 */
vue.component('my-btn-1', mybtn)
/**方式二 自動呼叫extend()*/
vue.component('my-btn-2', }',
data: function ()
}})new vue()
註冊了元件，必須要有乙個根例項，如果要在根例項中使用我們的元件，那麼必須在此根例項初始化之前註冊在根例項的
components選項上註冊乙個元件。該元件只在此根例項中使用。
new vue(
})//or
new vue(}',
data: function () }}
}})
data選項不能是物件，必須是個函式。這是因為如果是物件，那麼會給每乙個元件例項返回同乙個'data'物件引用，元件例項之間造成汙染，這不是我們想見到的。
var data =
new vue(}',
//雖然它是個函式，但我們卻給每個元件例項返回了同乙個物件的引用
data: function()
},'component-3-2': }',
data: function()}}
}})
component-3-1每次返回同乙個物件的引用，元件之間會互相汙染。
component-3-2每次返回乙個新物件，元件之間解耦。
像 、、、這樣的元素裡允許包含的元素有限制，而另一些像 這樣的元素只能出現在某些特定元素的內部。
在被限制的元素中使用元件，瀏覽器解析時，被當成錯誤標籤，造成錯誤渲染結果。
如果想要復用元件，解決方法是使用is特性在原生標籤上指定乙個元件。
直接使用，整個模板都被丟出。
使用is正確解析。
另外is也被用於動態的切換元件，見元件(6)：動態元件
智慧型小車 1 元件
首先，本人基礎不是很好，經驗不足，有什麼不對的地方，希望各位可以指證，謝謝 先來說說底盤，不，主要是電機和l298n模組，首先，驅動電機需要的功率比較大，至少超過了微控制器io的輸出，所以，微控制器就只是用於輸出控制訊號，就像開關吧。主要的驅動還是要用外接的大電源。網上一般都是用l298n來做吧 可...
4 5 元件巢狀和投影元件（1）
在我們的根元件當中，已經把子元件巢狀進來了。根元件作為父元件。然後其他的元件做為子元件。父元件通過input來給子元件設定屬性的繫結 子元件通過output對外宣告的以事件的形式，把我想要傳達給父元件的內容告訴父元件，父元件在對應的模板中，就去監聽，像下面這種小括號的形式。父元件通過監聽子元件的事件...
（54）元件之移動元件
movement components提供了朝著 actor 或角色 所作的一種形式的移動，移動元件是該 actor 或角色 的子物件。charactermovementcomponent允許形象不使用物理剛體移動 走 跑 跳 飛 跌落和游泳 該元件專用於characters，任何其他類無法執行它。...