❶ vue路由router,routes,route
SEO：搜索引擎優化，
前端路由：控制頁面訪問路徑，單頁面應用
後端路由：控制介面
1，URL的hash,location.hash
2,HTML5的history模式，history.pushState(data,title,url)
使用vue create '文件名'，創建一個vue腳手架，
vue.use(VueRouter),調用vue-router這個對象上面的install方法，注冊兩個屬性在vue原型對象上，分別是vue.prototype.$router(整個項目的路由對象)和vue.prototype.$route(當前活躍的路由對象)
實例化一個VueRouter對象
router-link相當於a標簽，跳轉頁面。router-view相當於一個佔位符，把現在頁面訪問的路腔兆徑內容載入進來，替換掉router-view
vueRouter跳轉頁面的方式有用this.$router.push('/home')，this.$router.replace()和用標簽<router-lin>
this.$router.push('/home?key='+vaule+'&key1='+vaule1)。在另一個頁面用this.$route.query獲取傳過汪前來的值
第一種
父組件中：通過路由屬性中的name來確定匹配的路由，通過params來傳遞參數。
接收參數
第二種
父組件：使用path來匹配路由，然後通過query來傳遞參數
這種情況下 query傳遞的參數會顯示在url後面?id=？
接收參數都是一樣
第三種
在路由規則里定義如下
pid是一個變數，在用這個動態路由的時候可以
懶載入是當你點擊一個頁面時，先緩存所有的鏈接，不執行，只執行那個困圓清頁面的資源，這樣可以提升效率，提高響應速度。
路由懶載入很簡單，在component用import引入組件，如下：
router相當於一個路由器，路由器裡面有路由表，既routes，表中很多路由規則，route是routes的一個個路由規則
❷ vue-router路由切換數據載入中效果是怎麼實現的
一個方案就是利用 vue-router 導航鉤子 導航鉤子 · GitBook ，步驟如下：
1. 可以在vuex 或者 bus 中維護一個isLoading 的變伍閉殲量
2. 在 router.beforeEach 鉤子中 設置 isLoading = true , 在 router.afterEach 中 設置 isLoading = false
3. 在根組件（即<router-view>所在的父組件）上 放置一個Loading組件，例如：
<Loading :isLoading="isLoading"></Loading>
<router-view ></router-view>
這個 Loading組件根腔沖據這個isLoading值來決定態襲是否顯示loading動畫。
❸ Vue 項目部署到centos7伺服器後，靜態資源路由載入問題
在dist目錄下的static靜態資源，通過路由訪問時，會多出一個路由在靜態資源前面，如：
ip:8080/Test/static/one.js
Test路由的圓銀嘩存在導致 one.js報404問題；
項目在構建dist時，路由配置的問題，找到Vue項目下
/src/router/index.js文件，
更改橘行為如圖方式：搏前
重新 npm run build，將dist替換到伺服器上，重新構建docker鏡像及啟動容器即可
❹ vue路由多個子路由頁面載入多次
響應路由參數的顫棚基變化，有三個菜單只有參數不同，但使用的同一個組件頁面，配置路茄謹由時指向了和罩不同三個路由。但切換菜單時，頁面不刷新，導致路由多個子路由頁面載入多次。
❺ vue-router，路由按需載入，頁面載入完成後，this.$route 獲取不到
1.問題描述
頁面中需要路由匹配給當前路由高亮，所以就需要獲取當前路由的path，但是發現獲取不到
在 mounted 中列印 $route：
獲取到的值不對。path 和 fullPath ，明明應該有值，但只有一個 "/" 。
可能在 mounted 中router 的初始化還沒有完成，所拍乎旦以取到的是一個初始默認值。
加一個延時試試：
可以發現，有時能獲取到，有時獲取不到，延時到2000以後，目前測試的是都能獲取到。
問題推測：
vue-router 初始化是需要一段時間的，在完成之前，取值只能拿到初始的默襲擾認值。
在 mounted 中 router 初始化可能還沒有完成。
2.用onReady解決
上面用定時器延遲了1000ms，有時能取到 router，於是頃沒加長延時時間到2000解決，但是，真正要解決這個問題，肯定不能用定時器，因為延遲的時間無法確定：
長了，影響體驗
短了，可能router初始化還沒完成
查閱官網API，希望官方提供了 初始化完成時的回調方法 ，果然找到了： onReady
經測試，通過。
❻ Vue項目啟動載入邏輯介紹
下面說下Vue項目啟動的載入邏輯：
首先前端項目默認入口都是index.html
這里有個DIV的id為app，這里是vue的掛載點，後續views中的 .vue文件都會掛載在這里。
程序運行index.html後會尋找用到app的文件，即main.js
這里創建了一個vue實例，掛載了#app，也就是index.html中的id為app的液薯div元素，接著載入App.vue中的頁面
打開App.vue文件，查看配置有router-link和router-view
router-link 定義點擊後導航到哪個路徑下
router-view 會動態的把對應的組件內容渲染到router-view中
上面router-view中載入的內容有路由決定，於是再到路由文件查看此路由定義
路由配置文件中如圖所示兩種蘆埋昌方式都可以實現。
接下來載入的就是具體的功能模塊了
例如在Home.vue這個模塊中又引入了HelloWorld.vue公共組件模塊
關聯了該組件，也會載入進去
項目運行起來後，會先去找入口文件index.html，在index.html中找到其實例需要掛載的位置，然後找到main.js中實例創建的地方，去載入組件中的模板，然後通過模板中的router-view，得知需要去查找路由，找到後載入對應的模板，如果陪扒模板中引用了公共的模板再載入公共模板進來，最後把處理後的這些呈現到瀏覽器中。
❼ 前端使用@vue/[email protected]打包，路由懶載入vue文件打包缺失，年初2月份的時候還能正常打包
不要 使用3.5以上的版本 很容易出現問題
你應該 使用穩定版
給你個 建議 更換版本
❽ vue路由懶載入為什麼還是好多js
系統bug，網路問題。
1、系統bug是vue路由懶軟體攜耐系統出現了手做問題，導致載入顯示好多js，等待官方修復即可。
2、網路問題是自身設備連接的網路出現較大波動，導辯薯春致vue路由懶載入還是好多js，更換網路重新打開即可。
❾ Vue實現動態路由
通常我們在vue項目中都是前端配置好路由的，但在一些項目中我們可能會遇到許可權控制，這樣我們就涉及到 動態路由 的設置了。
動態路由設置一般有兩種 ：
(1)、簡單的角色路由設置：比如只涉及到管理員和普通用戶的許可權。通常直接在前端進行簡單的角色許可權設置
(2)、復雜的路由許可權設置：比如OA系統、多種角色的許可權配置。通常需要後端返迴路由列表，前端渲染使用
到這里，整個動態路由就可以走通了，但是頁面跳轉、路由守衛處理是非同步的，會存在動態路由添加後跳轉的是空白頁面，這是因為路由在執行next()時，router裡面的數據還不存在，此時，你可以通過window.location.reload()來刷新路由
後端返回的路由格式：
注意： vue是單頁面應用程序，所以頁面一刷新數據部分數據也會跟著丟失，所以我們需要將store中的數據存儲到本地，才能保證路由不丟失。關於vue頁面刷新保存頁面狀態，可以查看 vue如何在頁面刷新時保留狀態信息