vue3点击侧边栏,跳转新的页面

要实现点击侧边栏跳转新的页面，可以使用Vue Router。首先需要在项目中安装Vue Router：

npm install vue-router

然后在main.js中引入Vue Router并配置路由：

import VueRouter from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

在侧边栏中，使用 `router-link` 组件来实现跳转：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

这样点击侧边栏就可以跳转到相应的页面了。