10-VueRouter(路由)

一.VueRouter简介

Vue.js 路由允许我们通过不同的 URL 访问不同的内容.

通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)

Vue.js 路由需要载入 vue-router 库

二、安装VueRouter

1.直接下载 / CDN

https://unpkg.com/vue-router/dist/vue-router.js

2.使用npm下载

npm install vue-router

三、路由案例




    
    Document
    


   
   
首页 详情页

四、路由的嵌套




    
    Document


   
首页 用户页

五、路由的传参




    
    Document


   
首页 用户页

你可能感兴趣的:(10-VueRouter(路由))