一.基本格式
![]()
但是一般ES6寫(xiě)法可以省略
但是一般ES6寫(xiě)法可以省略
image.png
image.png
二.組件的使用流程
1.定義組件對(duì)象
image.png
注意：前面的my-head和my-footer這個(gè)只是注冊(cè)組件給組件對(duì)象取的名字挤庇，并不屬于組件對(duì)象的范疇钞速。
2. 給組件對(duì)象注冊(cè)一個(gè)名字
image.png
3.使用-用組件的注冊(cè)名
image.png
三：關(guān)于template的寫(xiě)法
1.必須要有唯一根標(biāo)簽
image.png
一般都這樣寫(xiě)
注意：#abc和根組件中el:'#abc'一致的玉工，只是el掛載的是div
四.名字的講究
image.png
這里的名字沒(méi)有任何的要求淘菩。只要是一個(gè)合法的變量名即可。
但是一般采用大駝峰命名：如果多個(gè)單詞潮改，則每個(gè)單詞的首字母都要大小寫(xiě)。MyHeader 汇在、EleUser
注冊(cè)組件的名字，一般也沒(méi)有要求糕殉，但是大多數(shù)的情況下是與定義組件對(duì)象的名字一樣。進(jìn)行簡(jiǎn)寫(xiě)雳锋。
image.png
使用組件名字羡洁，這個(gè)就很有講究了，必須全部小寫(xiě)筑煮。
image.png
并且使用kebab寫(xiě)法（烤肉）大寫(xiě)字母改小寫(xiě)字母，在前面加-
image.png
