vue router超詳細教程 3

vue-router官方文件參考

應用場景

例如，我們有乙個 user 元件，對於所有 id 各不相同的使用者，都要使用這個元件來渲染。那麼，我們可以在 vue-router

的路由路徑中使用「動態路徑引數」(dynamic segment) 來達到這個效果：

/user/foo 和 /user/bar 都將對映到相同的路由。

router/index.js

"/menu/123"

>跳轉到menu並帶引數123

接收值

$route.params.id

捕獲所有路由或 404 not found 路由

補充

// 給出乙個路由 

this.$router.push(
'/user-admin'
)this.$route.params.pathmatch // 'admin'
// 給出乙個路由 
this.$router.push(
'/non-existing'
)this.$route.params.pathmatch // '/non-existing'

VuePress超詳細簡單教程

先讓我們看看 vuepress能幹什麼？有什麼效果？很像vue官網的文件頁面，因為vuepress就是尤大大的乙個力作 vuepress官網介紹介紹的很詳細，這裡只做搭建vuepress專案教程 注意 vuepress基於node 8.0 npm install g vuepress建立工作資料夾 ...

超詳細Node安裝教程

使用快捷鍵 win r 開啟執行 輸入cmd開啟終端。在終端裡面輸入node v和npm v檢視是否都可用，如果顯示版本號則證明安裝成功。1 在cmd輸入命令 npm list g 可檢視預設全域性模組存放路徑，預設路徑也是在c盤。2 在你的node安裝目錄下新建兩個資料夾，分別是 node cac...

超簡單超詳細的redis安裝教程

使用xshell連線linux伺服器 2 在linux下的 home目錄下新建自己的乙個目錄 3 使用xftp將redis安裝包上傳到該目錄 4將redis安裝包移動到 opt目錄下 5進入 opt目錄，解壓redis安裝包 tar zxvf redis 5.0.8.tar.gz yum insta...