一、项目描述：该项目是对博客文章的综合管理项目，可以进行文章分类的添加和删除，文章的发布、修改、搜索、预览和删
除，另外有包括头像、昵称、邮箱、密码等在内的个人信息修改。
二、项目责任：前端整体开发
三、技术栈(vue3)：Vue3、VueRouter4、Pinia、Element Plus、pnpm、Vite、Axios
四、主要贡献：
+ Pinia使用pinia-plugin-persistedstate插件进行数据持久化，并将Pinia封装进行独立维护，将仓库导入index.js文件后统
一导出，方便仓库使用
+ 使用axios拦截器axios.interceptors，在请求前获取token值，在请求失败，给出提示，若为token过期，清空token以及个
人信息跳转页面至登录注册页
+ 使用全局前置守卫router.beforeEach管理访问权限，拦截未登录用户的路由跳转，未登录用户只可以访问登录页
+ 封装项目页面通用容器组件PageContainer，defineProps接收参数作为标题，定义具名插槽来填充按钮，定义默认插槽来
填充内容
+ 封装项目选择器组件BasicSelect，将组件内el-input组件属性v-model展开成modelValue自定义属性和
update:modelValue自定义事件，实现父子组件之间数据双向绑定
+ 封装项目发布文章组件ManageDialog
①使用编译器宏defineExpose，暴露组件的显示与隐藏方法
②使用watch侦听ManageDialog组件显示隐藏，来重置表单内容
③使用defineEmits，在发布文章成功后，触发父组件自定义事件，完成后续文章列表的更新动作
④另外在ManageDialog的父组件中使用computed计算属性进行时间的格式化，简化模板的书写
五、项目gitee地址：https://gitee.com/yuyanfengwe/qinglu