一 :安装方式
a:CDN引入或者直接下载
b:npm安装 模块化工程
二:路由运作方式
a:使用路由
b:定义路由
c:根据定义option创建router实例
d:创建vue实例,挂载实例。
动态路由匹配:
a:{ path: '/user/:id', component: User }变量以冒号开头。
b:响应路由参数变化,因为路由参数导致多个路由渲染同一个组件,所以,组件生命周期钩子不会再执行了。
解决方法:复用组件时,想对路由参数的变化作出响应的话,你可以简单地 watch(监测变化)$route对象
三:编程式导航
四:命名路由 命名视图
命名视图:一个路径,多个组件,渲染为多个视图。 (1:n)
五:路由重定向 路由别名
路由重定向:路径改变了,然后路径匹配也跟着改变。
路由别名:路径起个别名,但路由匹配的还是之前的。
六:vue-router模式
hash模式:默认
history模式
七:路由懒加载
八:路由信息对象