vue router 的使用步骤

第一步,引入vue 文件和vue router文件。

第二步,放入router-link标签

第三部,放入router-view占位符

第四步,定义路由组件

第五步,定义路由规则,并创建路由实例


路由重定向

在路由规则里新增一条路由规则

{ path: ' / ' , redirect:'  /user  '}

/ 表示需要被重定向的原地址

/user 表示要被重定向的新地址

路由嵌套

点击父路由连接显示模板内容

模板内容中又有字路由连接

点击子路由链接显示字路由模板内容

步骤: 在父路由规则后面加children数组  再加上子路由规则

你可能感兴趣的:(vue router 的使用步骤)