Sheng_Q的博客

本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止前端文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。watch可以与pinia的$subscribe状态监听进行比较学习。

pina提供了defineStore方法创建store，store作为集中式状态管理的实体，可被任意组件读取/写入数据。定义的store一般放在src/stores目录下。// 定义并暴露一个store// 配置信息})defineStore方法接收两个参数，store的唯一标识符和store的配置对象。其中，store配置对象中可以包含 state函数、actions对象、getters对象。

响应式数据的核心是当数据模型发生变化时，与之相关(使用该数据模型)的视图或组件可以自动更新，以反映最新的数据状态。实现原理是数据劫持、依赖收集和分发更新，数据劫持是一种AOP策略。在vue2中通过Object.defineProperty方法为对象的每个属性设置setter和getter方法，当访问或者修改对象的属性时，进入setter/getter方法，从而实现拦截。getter方法被调用时，可以进行依赖收集，确认属性被哪些组件依赖；