1.組件
組件:獨立可復用的小組件構(gòu)建大型應(yīng)用,應(yīng)用頁面可以抽象為一個組件樹
組件:可以擴展html元素,封裝可重用的代碼
2.組件分為全局組件和局部組件
全局組件:所有實例都能使用
局部組件:實例選項中注冊局部組件,只能供這個實例使用
注冊方式:全局注冊和局部注冊
3.prop
porp:子組件用來接受父組件傳遞過來的數(shù)據(jù)的一個自定義屬性
父組件通過porps將數(shù)據(jù)傳給子組件掀虎,子組件需要顯式地用props選項聲明prop
動態(tài)prop
使用v-bind動態(tài)綁定props值到父組件數(shù)據(jù)烁登,父組件數(shù)據(jù)變化贫导,該變化也會傳給子組件。
父組件屬性變化時贼陶,將傳到給子組件
prop驗證
props值提供一個帶有驗證需求的對象(指定驗證規(guī)則)
props刃泡,傳遞string巧娱,number,boolean烘贴,array禁添,object,date桨踪,function老翘,symbol
4.自定義事件
使用:子組件把數(shù)據(jù)傳遞給父組件
$emit觸發(fā)事件
$on 監(jiān)聽事件
父組件可以使用子組件的地方直接使用子組件觸發(fā)的事件
補充:
Data是一個函數(shù):每個實例可以維護一份被返回對象的獨立的拷貝,若data是一個對象锻离,會影響其他實例铺峭。
5.組件命名:短橫線和駝峰命名