vue路由中的mode是什么意思？這個(gè)是vue-router的模式，默認(rèn)是hash模式，這樣模式所對(duì)應(yīng)的url地址可能是這樣的www.xxxx.com/#/userinfo。當(dāng)然也可以修改這個(gè)值，設(shè)置

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

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

vue里面的router-view標(biāo)簽是什么意思？

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

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

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

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

2.route是一個(gè)跳轉(zhuǎn)的路由對(duì)象，每一個(gè)路由都會(huì)有一個(gè)route對(duì)象，是一個(gè)局部的對(duì)象，可以獲取對(duì)應(yīng)的name，path，params，query等

我們可以從vue devtools中看到每個(gè)路由對(duì)象的不同