vue路由配置

路由:控制组件之间的跳转,不是先请求不用刷新页面,直接跳转/切换组件

配置:/src/router/index.js  引入import Router from 'vue-router'   

组册.use(Router)   引入路由对应的组件地址:引入路由对应的组件地址

配置路由:{ path: '/',

name: 'HelloWorld',

component: HelloWorld //组件名称,这个路由对应跳转的组件 }

在main.js中调用index.js的配置:import router from './router'

App.vue页面展示路由:<router-view></router-view>

路由切换:<router-link to="/">切换到Home组件</router-link>

 

posted @   ssss-  阅读(302)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示