vue-router的使用

安装

npm install vue-router --save

  

路由映射配置

创建router文件夹

新建index.js

 

vue实例中挂载router

 

 

使用路由

<router-link></router-link>
<router-view></router-view>

 

 

默认首页(重定向)  

router-index.js中配置

 

去除url中的#符号,使用router中的history模式

 

 

 

posted @ 2022-11-16 22:40  Mr_sven  阅读(22)  评论(0编辑  收藏  举报