最近项目中发现一个小bug，登录账号添加路由到vue-router后，登录新账号没有清空之前到路由。本来想到退出登录过程中通过location.reload()清空，但是公司框架将/login路由设置为白名单，所以用户可以不退出登录直接跳转到login页面登录新路由，所以最终在获取路由之前将路由清空。

刚在官网看完了keep-alive，就随手翻了翻，看到了插槽的内容

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。

What?大变天了？我好像跟不上时代了，既然都看到了，就把官网的内容再过一遍，会的加深记忆，不会的好好学习一下。

在Vue项目中，有些组件需要缓存状态，不需要重复渲染，在这个时候keep-alive就派上用场了，在这家公司已经快五个月了，从来没用上过这个功能，本来就不是特别了解现在更模糊不清了，突然想起来这个功能就翻了翻官方文档，顺便做个笔记，水一期博客。

Vue3全面拥抱TypeScript，而其自家的状态管理工具Vuex对于TypeScript的支持并不友好，所以在Vue3时代Pinia显然是更好的选择。

Pinia的开发者是Vue的核心开发人员，且Pinia已经被纳入Vue的官方库，其作者也表示将来可能会与Vuex合并，所以学习Pinia并不需要担心他是否适合Vue，他一定是稳定可用的。

新公司待了差不多三个月了，公司前端一直使用基于Vue2封装的一个基础前端框架进行开发，主要是框架集成了一些公司封装的后台管理功能，年后尤大宣布将Vue3作为默认版本，恰好年后一直没什么项目做，就学习一下Vue3顺便把公司的框架拿Vue3重写一下吧。

因为选择了Vue3+Ts+Vite，所以基础配置的搭建跟之前的Vue-cli是有些不同的，所以还是记录一下搭建整个项目基础的过程。

vue3稳定版发布了很久了，很多人也已经开始将vue3应用于生产环境，后续准备开几篇博客写一下自己学习vue3的一些记录，内容比较多比较杂就不好说什么时候开始写了，这篇就简单记录一些vue3使用中发现的一些与vue2的不同吧。

作为一个卑微的切图仔，肯定要100%还原UI老师给的设计图纸，然而UI老师为了优美的界面，在各个位置恰到好处的使用的不同的字体。

这种情况在实际的开发中应该是很长见的。但是我们本地没有这个字体怎么办呢？用户本地也没有这个字体怎么办呢？

出现这个问题肯定不是用户的问题，那只能是我们解决这个问题。

新公司入职的第二天，接到了一个任务是封装一个cron表达式生成器的组件，一开始人都是懵的，什么是cron表达式？

项目是vue+antd开发的，所以肯定是基于此对antd的组件二次封装，做一个表达式生成器出来，好在成功在网上找到了前辈们做过的案例，也算是轻松了许多。面向百度编程无疑了。