根据源码的依据，以及文档的总结，Pinia是同时兼容 Vue2 和 Vue3 那么我们为什么要使用它呢，或者说什么时候才需要使用它？ 相信这是每一个刚接触到都带着的疑问，官网给出的解释：Pinia 是

服务端渲染 (SSR) 使用Pinia创建stores对于SSR来说应该是开箱即用的，只要您在setup函数，getters和actions的顶部调用您的useStore()函数

1. 为什么需要piana vuex的问题 TS支持度不好 架构过于繁琐 state -> mutation -> action getters state -> action(同步 + 异步) -

pinia-plugin-persistedstate 插件可以使 Pinia 存储的持久性变得更简单和可配置：类似于 vuex-persistedstate 的 API。自定义存储方式和自定义序列化

开场 Hello大家好，相信在座各位假如使用Vue生态开发项目情况下，对Pinia状态管理库应该有所听闻或正在使用，假如还没接触到Pinia，这篇文章可以帮你快速入门，并如何在企业项目中更优雅封装使用

为什么vue:deep、/deep/、>>>样式能穿透到子组件 在scoped标记的style中，只要涉及三方组件，那deep符号会经常被使用，用来修改外部组件的样式。 不使用deep 要想修改三方组

一个关于“如何实现父组件监听子组件生命周期“引发的vue开发小技巧；揭秘Vue官方文档里没有告诉你的神秘钩子@hook

随着vue3.4版本的发布，defineModel也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。

Vue3中手动清理keep-alive组件缓存的一个解决方案 源码 这里表明我们有两种修改方案：   方案一 修改vue.config.js，在文件开头添加下面的代码：     然后重新启动运行项目，