vue路由中的mode是什么意思？這個是vue-router的模式，默認是hash模式，這樣模式所對應的url地址可能是這樣的www.xxxx.com/#/userinfo。當然也可以修改這個值，設置

vue路由中的mode是什么意思？

這個是vue-router的模式，默認是hash模式，這樣模式所對應的url地址可能是這樣的www.xxxx.com/#/userinfo。當然也可以修改這個值，設置為history模式，這種模式充分利用history.pushStateAPI來完成URL跳轉而無須重新加載頁面。如果設置為history模式后，上面的url就會變成www.xxxx.com/userinfo。地址就會看的更加優(yōu)雅，當然這種模式需要配合服務器設置來完成，不同的服務器配置略有不同，具體可以參考官方文檔HTML5History模式

vue里面的router-view標簽是什么意思？

class="answer-text mb-10 "> 主要是構建 SPA (單頁應用) 時，方便渲染你指定路由對應的組件。你可以 router-view 當做是一個容器，它渲染的組件是你使用 vue-router 指定的。比如： 視圖層：

路由定義： router.map({ "/foo": { // 路由匹配到/foo時，會渲染一個Foo組件 component: Foo }}) 初始化實例: // start appvar App = Vue.extend({})router.start(App， "#app") 當你訪問 /foo 時，router-view 就被 Foo 組件替換了。 組件的嵌套，一樣的邏輯，看下文檔和demo吧。 文檔地址：https://github.com/vuejs/vue-router/blob/1.0/docs/zh-cn/nested.md

vue的$route和$router有什么區(qū)別和關系呢？

1.router是VueRouter的一個對象，通過Vue.use(VueRouter)和VueRouter構造函數(shù)得到一個router的實例對象，這個對象中是一個全局的對象，他包含了所有的路由包含了許多關鍵的對象和屬性。

2.route是一個跳轉的路由對象，每一個路由都會有一個route對象，是一個局部的對象，可以獲取對應的name，path，params，query等

我們可以從vue devtools中看到每個路由對象的不同