概念:路由的本质就是对应关系
分类:前端路由 (用户事件与 事件处理函数之间的关系) 和 后端路由 (url地址与后台数据之间的关系)
SPA:SPA单页面应用程序 内容变化通过发送AJAX来请求渲染更新(无刷新)同时支持浏览器的前进和后退
SPA原理:通过URL中的hash的变化来改变页面内容
基于URL中的hash实现(点击菜单的时候改变URL的hash,根据hash的变化控制组件的切换)
Router的基本使用
第一:安装引入路由 script src。。。。。
第二:添加路由链接 router-link / router-link to=" "
第三:路由填充位 router-view
第四: 定义路由组件 template
第五:创建路由实例和配置路由 var router = new VueRouter ({
rouerts:[ {path:'/user',component:User},]
第六:把路由挂在到实例上 main 上挂在 router
路由重定向 :redirect
嵌套路由:父子路由嵌套
路由传参:三种方式 $route.push(name:id) $router.params() $router.query()
路由解耦:props为布尔值
vue-router编程式导航:声明式导航 (router-link)
编程式导航($router.push() $router.go() $router.back() )