持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情
上一篇文章我们开发我们的头部CommonHeader.vue组件，还一些功能没有实现，接下来将会把一些功能完善好。
首先第一个按钮是需要使用store配合以及Aside侧边菜单来实现展示与隐藏，我们先放到后面完成了Aside再完善，然后是首页组件，在首页按钮里面绑定一个toHome事件，然后再setup里面写功能，setup是vue3.0里面的组合式API
-
在src页面里面创建home文件夹，在此文件夹里面创建Home.vue文件，然后使用插件，输入v3,即可快速生成vue3.0的模板，如下图所示：
-
然后我们需要实现路由跳转的功能，则需要在router的index.js文件里面配置好路由，这里我使用了路由的懒加载，具体的配置代码如下所示：
- 然后在需要跳转的页面里面引入useRouter，具体的代码如下：
import { useRouter } from 'vue-router'
- 然后就可以完善我们的toHome功能了，在setup里面定义一个toHome函数，使用router.push然后指定需要跳转的文件的路径，然后需要return这个函数名，之后就可以完成页面的跳转了，具体的代码如下所示：
const toHome = ()=>{
router.push({
path:'/home'
})
}
- 然后是下拉框的弹出，之前以及绑定了下拉的事件，然后需要绑定页面的跳转事件，同理需要配置好页面的路由以及创建好文件，然后跟上述一样通过router.push来实现页面的跳转，具体的代码如下图所示：
