一、腳手架的作用

單文件組件：xxx.vue，瀏覽器不能直接運(yùn)行！！！

腳手架去調(diào)用webpack等第三方工具。

二、vue文件的命名規(guī)則

建議用下面的兩種方式。（首字母大寫！！！）

三、vue文件的結(jié)構(gòu)

對(duì)比非單文件組件，?非單文件組件的弊病：樣式不能跟著組件走！

?非單文件組件的樣式，要寫在html標(biāo)簽中：

四、組件的暴露與引入?

4-1、暴露方式一：分別暴露

4-1、暴露方式二：統(tǒng)一暴露

4-3、暴露方式三：默認(rèn)暴露（推薦）

?

一般用默認(rèn)暴露，因?yàn)檫@樣寫，import引入簡單：

4-4、統(tǒng)一暴露的簡寫形式：

五、App.vue匯總所有的組件

App.vue必須要有！匯總所有的組件

六、?入口文件：main.js

所有的組件都要聽從vm的分配，所以要?jiǎng)?chuàng)建vm（不要寫在xxx.vue文件中）

?xxx.vue文件就是組件。

vm創(chuàng)建在main.js文件中（main.js——入口文件）

?

main.js文件中的內(nèi)容

1、el：說明服務(wù)哪個(gè)容器

2、說明組件的領(lǐng)頭者：App。

注意：

main.js中沒有容器，要專門為容器創(chuàng)建一個(gè)文件：index.html！！！

七、創(chuàng)建vue服務(wù)的容器：index.html?

或者index.html中不寫<App>標(biāo)簽，寫在main.js中：

八、運(yùn)行index.html文件

報(bào)錯(cuò)原因：瀏覽器不能直接支持ES6的模塊化語法：

?所以，運(yùn)行的話，要用到腳手架！！！