使用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,任何其他類無法執行它。...