vue元件
元件(compoent)是vue最強大的功能之一。
稱之為元素,元件可以擴充HTML中的元素,封裝可重用的代碼。
[外鍊圖檔轉存失敗,源站可能有防盜鍊機制,建議将圖檔儲存下來直接上傳(img-zEKCGko6-1604129087137)(C:\Users\DELL\AppData\Local\Temp\1564645532592.png)]
文法:Vue.compoent(tagName,Options)
tagName就是元件名,Options是配置的選項,用一下方式調用元件
文法:
所有實力都可以用到全局元件
prop 是父元件用來傳遞資料的一個自定義的屬性
父元件通過prop把資料傳遞給子元件,子元件就需要顯示的方式聲明“prop”
類似于用v-bind綁定HTML特性的一個表達式,我們也可以用v-bind動态綁定prop的值到我們的父元件的資料中。
父元件是使用props傳遞資料給子元件,子元件想要把資料傳遞回去,就需要我們自定義事件
使用v-on指令綁定自定事件
$on(eventName)監聽事件
$emit(eventName)觸發事件
1、注冊一個全局的元件
2、注冊局部元件
3、props父元件對子元件傳值
4、自定義事件,子元件像父元件傳值
1、搞清楚什麼是元件,并熟練使用祖冊全局元件和局部元件