vue基础-vue-router路由基本使用

124 阅读1分钟

在src目录下router目录,index.js文件配置路由

image.png

在例如App.vue文件中使用,点击即可切换路由,内容则呈现在router-view容器中

image.png

如果有比如商品、商家、评论三个点击切换路由,多设置几个路由配置和router-link标签

要想设置当前点击的某个节点的样式,可以设置

 .router-link-active {color: rgb(139,0,0);}