vue.js 是一套構建使用者介面的 漸進式框架。它非常容易與其它庫或已有專案整合，而無須從頭開始重構整個專案；另一方面，vue 完全有能力驅動採用單檔案元件來開發的更為複雜的單頁應用。
也就是說只需要乙個頁面就可以搞定很多複雜的功能，元件化就跟小時候玩的樂高一樣，每乙個最基本的小組件再拼起來乙個個大元件，然後以前頁面與頁面的切換變成元件與元件的切換，也就說，頁面始終是不變的，就相當於乙個容器，變的只是容器裡面的內容
由於vue是單頁面應用，跳轉的只是元件，所以，官方提供了vue-router進行路由跳轉的處理
效果如下：
首先js引入：
Vue路由實現頁面跳轉
在程式 中重新新增乙個log.vue檔案，用來顯示日誌資訊，這時就用到了頁面跳轉。vue檔案之間的跳轉，需要在router裡面配置path，通過路徑跳轉 html檔案如下 to class log btn 日誌router link 在router.js中配置，其中 components pages...
vue路由跳轉子元件 Vue實現路由跳轉和巢狀
一 配置 router 用 vue cli 建立的初始模板裡面，並沒有 vue router，需要通過 npm 安裝 cnpm i vue router d 安裝完成後，在 src 資料夾下，建立乙個 routers.js 檔案，和 main.js 平級 然後在 router.js 中引入所需的元件...
vue路由跳轉子元件 Vue實現路由跳轉和巢狀
一 配置 router 用 vue cli 建立的初始模板裡面，並沒有 vue router，需要通過 npm 安裝 cnpm i vue router d 安裝完成後，在 src 資料夾下，建立乙個 routers.js 檔案，和 main.js 平級 然後在 router.js 中引入所需的元件...