1路由器 路由
1.1路由器集中管理路由
1.2 路由对应单独的路径
2路由必须定义模式
import {
createRouter,
createWebHashHistory
} from 'vue-router'
import {
constantRoute
} from './routes'
const router = createRouter({
history: createWebHashHistory(),//1定义路由模式
routes: constantRoute,
//2 添加滚动行为,切换页面 滚动到顶部位置
scrollBehavior() {
return {
left: 0,
top: 0
}
}
})
export default router
3 active-class 写上 默认激活路由导航颜色
‹div class="navigate" >
<RouterLink to="/home" active-class="xiaozhupeiqi">™П‹/RouterLink›
< RouterLink to="/news"
active-class="xiaozhupeiqi">*#</RouterLink>
«RouterLink to="/about" acti