城市選擇頁面的 路由配置 跳轉

，點選返回按鈕可返回到首頁，頁面大概是這樣的

開啟碼雲，建立city-router分支

cd到資料夾 輸入 git pull然後輸入git checkout city-router 然後npm run dev

首先配置路由這部分的內容

開啟src/router下的index.js 配置路由

第二步在pages頁面新建city資料夾，新建City.vue檔案

路由配好了，如何實現點選城市，實現跳轉呢

首先回到header.vue 區，在城市的區域新增router-link標籤，裡面填寫路徑

現在完善city頁面

在pages目錄下，新建components資料夾，新建Header.vue

同時要在City.vue頁面引入Header.vue

然後改變下字型

下面做返回箭頭

在home.vue裡新增

這裡是箭頭樣式設定

點選返回按鈕回到首頁怎麼做呢

回到city資料夾下的 Header.vue 給返回按按鈕加一個link 路徑to="/'表示根路徑

別忘了給箭頭新增color.

有些屬性是平常要用的，例如header的行高所以在vatibles.styl定義

然後把heade.vue裡的.header的行高改了

同時在home頁面的header.vue裡也要改一下頭部的行高

然後把程式碼傳到git倉庫裡

git add .

git commit -m 'city router'

git push

然後切換到主分支

git checkout master

然後讓主分支融合city-router

git merge city-router

然後把主分支的內容提交到線上

git push