ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
### 1.基本使用 1. 安装vue-router,命令:`npm i vue-router` 2. 应用插件:`Vue.use(VueRouter)` 3. 编写router配置项: ~~~js //引入VueRouter import VueRouter from 'vue-router' //引入Luyou 组件 import About from '../components/About' import Home from '../components/Home' //创建router实例对象,去管理一组一组的路由规则 const router = new VueRouter({ routes:[ { path:'/about', component:About }, { path:'/home', component:Home } ] }) //暴露router export default router ~~~ 4. 实现切换(active-class可配置高亮样式) ~~~vue <router-link active-class="active" to="/about">About</router-link> ~~~ 5. 指定展示位置 ~~~vue <router-view></router-view> ~~~