vue3

一篇文章带你解锁Pinia使用说明书。简介：Pinia是一个专门为Vue3设计的状态管理库，它利用Vue3的响应式系统和组合API，提供了一种简单、直观和类型安全的方式来管理应用程序的状态。

一、引入 掌握程度 ：了解 使用Vue时，有时会遇到tab切换，如下图: 1. 可实现方法： 2.对比 第一种方法 v-if ，这可能是我们能最快想到的解决办法，但是v-if并不是最佳解决办法 v-i

一、含义 本节内容作为父子组件传参的补充内容 掌握程度 ：了解 透传Attributes ，一般用来在父子组件中传递属性例如，class，style，id... 且该值不会被组件当作prop或者emi

一、Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute 在使用SFC时，props 可以使用 define

一、父组件向子组件传参 1.父组件中，字符串类型直接传参，复杂类型通过v-bind绑定传参，示例如下 2.子组件中接收父组件参数 定义类型type，后调用defineProps方法，该方法无需在Vue

基于Ts、vite的vue3购物车案例 本文实现效果如下： 请读者尝试自己实现！ 实现代码如下(涉及reduce的使用)