Vue3快速过day2

pinia集中状态管理

1. 引入pinia import {createPinia} from pinia
2. 创建pinia
3. 使用pinia ； use()

与 Vue 的选项式 API 类似，我们也可以传入一个带有 state、actions 与 getters 属性的 Option 对象

pinia返回的是一个reactive对象,这意味着不需要在 getters 后面写 .value。就像 setup 中的 props 一样，我们不能对它进行解构,为了从 store 中提取属性时保持其响应性，你需要使用 storeToRefs()。

组件通信方式

1. props 父直接给子传，子要defineProps 接收。（局限于父子通信）
2. $event,事件对象实参，自定义事件:v-on接回调函数，自定义defineEmits([自定义事件])，直接触发回调函数。
3. mitt消息订阅机制（实现跨组件通信，不局限于父子通信）：订阅消息，发布消息，接受消息。on绑定消息，emit触发，off解绑事件