vue 笔记12 vue-router路由

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

vue-router使用步骤

 

 

 

 ----------------------------------------------------------------------------------

 

 

 

 

 

 

 

 

 

 

 

 

打开首页路由设置

方法一：

 

 

 

 

方法二：

 

 

 

 

 

 

 

修改模式，去掉井号#

mode: 'history' 

 

 

 

 

 

 

可以返回

 

 

 

无法返回

 

 

 

 

 

默认类名

 

 

 

 

 

 

 

 

 

统一改类名：

 

 

 

@click实现

有返回

 

 无返回

 

 

 

 

动态路由

 

 

 

获取参数：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

懒加载

 

 

 

 

 

 

 

 

 

 

路由嵌套