vue組件

自定義組件


點擊按鈕每次增加1

<button-counter></button-counter>

因為組件是可復用的 Vue 實例,所以它們與?new Vue?接收相同的選項 如data、computed、watch、methods

僅有的例外是像?el?這樣根實例特有的選項

組件可以進行任意次數(shù)的復用? ?

組件的data必須是一個函數(shù)? 因此每個實例可以維護一份被返回對象的獨立的拷貝

組件的注冊類型:全局注冊和局部注冊

每個組件必須只有一個根元素

Prop 可以在組件上注冊的一些自定義特性


自定義title

通過事件向父級組件發(fā)送消息


點擊?Enlarge text button標題和內(nèi)容字體增大


通過內(nèi)建的?$emit(envent)?方法并傳入事件的名字,來向父級組件觸發(fā)一個事件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 此文基于官方文檔,里面部分例子有改動,加上了一些自己的理解 什么是組件? 組件(Component)是 Vue.j...
    陸志均閱讀 3,945評論 5 14
  • 序 今年大前端的概念一而再再而三的被提及,那么大前端時代究竟是什么呢?大前端這個詞最早是因為在阿里內(nèi)部有很多前端開...
    一縷殤流化隱半邊冰霜閱讀 11,373評論 19 92
  • 9.1 什么是組件? 組件(Component)是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,...
    白水螺絲閱讀 886評論 0 2
  • 在這一節(jié)里,我們將會了解到Vue的組件,理解組件是如何工作的,并利用一系列的例子證明,用組件化的思想開發(fā)項目,會給...
    嘉寶_Appian閱讀 3,311評論 6 17
  • 什么是組件 組件(Component)是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素,封裝可重用...
    angelwgh閱讀 819評論 0 0

友情鏈接更多精彩內(nèi)容