vue.js学习(day17)

index.js(router) 

 main.js

小结 

App.vue 

 小结

 小结

 

 

App.vue 

 index.js

 小结

 

 查询参数传参

 Home.vue

 Search.vue

动态路由传参 

 

 index.js

 Home.vue

Search.vue 

 

 两种传参方式区别

 小结

 

 动态路由参数可选符

index.js 

index.js 

NotFound.vue 

index.js 

index.js 

path 路径跳转(简易方便) 

 

 Home.vue

 name 命名路由跳转(路径长)

index.js 

 Home.vue

Path 路径跳转传参 

path 路径跳转传参(query传参) 

home.vue 

Search.vue 

 

path路径跳转传参(动态路由传参) 

 

 Search.vue

Home.vue 

name 命名路由跳转传参

 name 命名路由跳转传参(query传参)

 

 Serach.vue 

 Home.vue

 name 命名路由跳转传参(路由传参)

Search.vue 

Home.vue 

小结