Vue 路由相關

特此宣告：內容來自黑馬程式設計師+個人筆記

目錄使用 children 屬性實現路由巢狀（**）

命名檢視實現經典布局(**)

nrm的安裝使用

相關檔案

前端路由：對於單頁面應用程式來說，主要通過url中的hash(#號)來實現不同頁面之間的切換，同時，hash有乙個特點：http請求中不會包含hash相關的內容；所以，單頁面程式中的頁面跳轉主要用hash實現；

在單頁面應用程式中，這種通過hash改變來切換頁面的方式，稱作前端路由（區別於後端路由）；

匯入 vue-router 元件類庫：

使用 router-link 元件來導航

登入註冊

使用 router-view 元件來顯示匹配到的元件

建立使用vue.extend建立元件

// 4.1 使用 vue.extend 來建立登入元件
var login = vue.extend();
// 4.2 使用 vue.extend 來建立註冊元件
var register = vue.extend();

建立乙個路由 router 例項，通過 routers 屬性來定義路由匹配規則

// 5. 建立乙個路由 router 例項，通過 routers 屬性來定義路由匹配規則
var router = new vuerouter(,
]});

使用 router 屬性來使用路由規則

// 6. 建立 vue 例項，得到 viewmodel
var vm = new vue();

登入

var routerobj = new vuerouter(,
, // 這裡的 redirect 和 node 中的 redirect 完全是兩碼事,],
})

var routerobj = new vuerouter(,
],linkactiveclass: 'myactive' // 預設是class='router-link-active'
})

在規則中定義引數/login/12/ls：

通過this.$route.params來獲取路由中的引數(**)：

var login = 
}

在規則中定義引數/login?id=10&name=zs：

通過this.$route.query來獲取路由中的引數(**)：

var login = 
}

標籤**結構：

js**：

css樣式：

作用：提供了一些最常用的npm包映象位址，能夠讓我們快速的切換安裝包時候的伺服器位址；

什麼是映象：原來包剛一開始是只存在於國外的npm伺服器，但是由於網路原因，經常訪問不到，這時候，我們可以在國內，建立乙個和官網完全一樣的npm伺服器，只不過，資料都是從人家那裡拿過來的，除此之外，使用方式完全一樣；

執行npm i nrm -g全域性安裝nrm包；

使用nrm ls檢視當前所有可用的映象源位址以及當前所使用的映象源位址；

使用nrm use npm或nrm use taobao切換不同的映象源位址；

url中的hash（井號）