6老师在谢罪

在上一篇文章中，我们创建了一个简易的按钮。这节课我们以它为蓝本，通过继承Vue博客的代码，来创建一个卡片链接。 代码抽离 我们把Vue博客中的文章卡片抽离出来，加以修改，就变成了如下的代码。 同样的，

在搭建Vue博客的时候，我们会需要很多封装好的组件，因此可以顺手写一个组件库，完成自己的需要。 创建项目 由于是Vue组件，因此肯定是基于Vue环境搭建的Vue+Vite，并且因为组件库比起一般的业务

在上一篇文章中，我们做好了头像的后端读取，下面就要进行的是前端对于文件的发送，以及个人中心的资料设定等内容。 前端上传文件 前端上传的时候要选择http请求头类型为multipart/form-dat

在上一篇文章中，我们完成了个人中心的对应路由设计，接下来 我们就开始写个人中心的页面内容。 基本思路 个人中心也需要若干个子路由，包括“个人信息”、“文章列表”等。因此我们如法炮制，创建对应的子路由即

现在我们可以登录注册发文章，但是怎么看自己都写了什么文章呢？我们需要一个个人中心。个人中心还存储着用户的个性签名、生日和头像等。 嵌套路由 一般来讲，一个人的个人空间链接为/space/:userid

在之前的文章中，我们实现了简易的注册系统。但是在主流的生产环境中很少会使用用户名登录，因此我们要对注册系统进行完善，注册时必须使用邮箱和验证邮件，并且每次登录和注册时都需要输入验证码。为了便于接下来的

上一次我们进行了一点简单的页面美化，这次我们要对菜单栏进行一定的美化，让其拥有丰富的动画效果。 计算属性 首先我们需要实现一个功能：当页面切换时，对应的按钮高亮显示。 虽然能够达到我们想要的效果，但是

在之前的文章中，我们只写过HTML和JavaScript，并没有对页面进行过任何的美化，因此我们在写完页面的基本架构后就可以稍微写一下css了。 Vue中的CSS Vue中的css全部都写在<styl

我们之前做了很多页面，包括注册登录和上传，但是目前并不能查看博客文章。因此这次我们需要做一个文章浏览页面。 动态路由匹配与文章获取 通常来讲，我们在浏览博客的时候访问的链接都是/article/id，