一、index.html
index.html跟其他html一樣,只有一個空的根節點,提供main.js用來掛載實例,所有內容通過vue來填充。
二、main.js
main.js主要是引入vue框架,根組件及路由設置,並且定義vue實例。
main.js在渲染的時候會被webpack打包成app.js在文件index.html中會被引入。
三、App.vue
app.vue是根實例下的一個子組件,但是我們一般都將他作為頂級組件(或叫根組件),但是根組件只是相對而言的,下面我們就是將App.vue作為子組件來用
總結:所謂的根組件或者頂級組件僅僅是相對而言的,因為main.js是入口文件不適合寫邏輯,所以下面分支出一個(App.vue),我們使用的時候就把這個子組件(App.vue)作為我們的頂級組件(邏輯上的)!