無論是靜態網頁還是動態互動網頁，實現原則是將他們分塊，然後各個擊破。

很明顯的餓了麼首頁分為三個部分（元件），

    上面的頭部（商家資訊），

    中間路由

    購物車

每部分先佔住自己位置，然後挨個將這三部分分別實現完整。

我理解的vue裡，index.html好比是車軲轆，main.js就好比是變速箱，App.vue就好比是汽車方向盤和檔把子，其他各個元件就好比是方向盤上的喇叭，轉向等等，一環扣一環的關係。

我們操作是方向盤，就是寫App.vue裡的各種元件。當然引入一些工具檔案時候別忘了在main.js裡寫引入，像router，mock，vuex等

寫三個模板，分別對應頭，路由和購物車，並在App.vue裡引入他們。

路由也巨簡單，最平常的就能搞定，佩佩路徑和模板，別忘了寫model：“history”，在路由元件裡引入。

至此，大架子達成。

接下來，豐滿血肉。

引入axios