贤蛋大眼萌

Pinia (西班牙语中的菠萝)，本质上依然是一个状态管理的库，用于跨组件、页面进行状态共享.pinia 与 vuex 的区别：更友好的TypeScript支持，Vuex之前对TS的支持很不友好与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的仪式，提供了 Composition-API 风格的 API不再有modules的嵌套结构也不再有命名空间的概念，不需要记住它们的复杂关系Store 是使用 defineStore() 定义的，且它需要一个唯一名称，作为第一个参数传递。...

在开发中，我们会的应用程序需要处理各种各样的数据，这些 数据需要保存在我们应用程序中的某一个位置，对于这些数据 的管理我们就称之为是状态管理Vuex 的状态管理的基本实现（这里采用官方的图解）...

​ **前端渲染：**每次请求涉及到的静态资源都会从静态资源服务器获取，这些资源包括HTML+CSS+JS，然后在前端对这些请求回来的资源进行渲染。​ 使用push的特点是压入一个新的页面，那么在用户点击返回时，上一个页面还可以回退，但是如果我们希望当前页面是一个替换 操作，那么可以使用replace。​ 组件的本身也有组件需要内部切换，这个时候就可以采用嵌套路由，在第一层路由中也使用router-view来占位之后需要渲染的组件。以根据自己不同的需求加载不同的路由，做到不同的实现及页面的渲染。...

在Vue2中，我们编写组件的方式是Options API。在Vue3中，我们编写组件的方式是Composition API (VCA)，一起来深入学习吧