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 @ 2022-05-06 10:55  ssss-  阅读(305)  评论(0)    收藏  举报