一 ：安装方式
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模式
七：路由懒加载
八：路由信息对象
一、vue-router 1.安装npm install vue-router -D2.使用vue-router ...
vue-router vue-router 用 Vue.js + vue-router 创建单页应用，是非常简单的...
Vue-Router 原理实现 一、Vue-Router 动态路由 二、Vue-Router 嵌套路由 三、Vue...
什么是vue-router: 你晓得什么是vue-router?不晓得?来,我们一起来看看vue-router官网...
1、安装vue-router插件npm install vue-router --save其中'--save'是为...
安装vue-router cnpm i vue-router -S GoodsList.vue Account.v...
安装vue-router npm install vue-router --save-dev 路由配置文件src/...
vue-router 1的用法https://github.com/vuejs/vue-router/tree/1...
vue-router 官网讲解简述参考 安装 npm install vue-router --save-dev ...
什么是 vue-router vue-router 是 Vue.js[http://cn.vuejs.org/] ...
本文标题：vue-router
本文链接：https://www.haomeiwen.com/subject/vufnsxtx.html
网友评论