vue3

pinia 的用法很简单，个人感觉比vuex 还简单 1. 安装 pinia 2. defineStore 定义（Hooks） 3. $reset() ｜ $subscribe | $onAction

vue2 收集关联影响。比如发现响应式数据时，收集相关geter setter 的影响，（通过订阅发布模式触发render 渲染）如果有影响，对比更新虚拟dom Tree 重新渲染） 1.Object

1.创建App 实例并挂载 （directive相关， plugin相关） 2. app.config 相关用法（app.config.globalProperties 相关） 3.模板语法:(基本同

1.defineProps的用法 2. defineComponent 自定义组件 3.defineEmits的用法 4.defineExpose({}) 子组件数据暴露给父亲组件ref（dom）内直

1. v-model 绑定响应式数据 同vue2 2. <子组件 v-model:xxx = data> </子组件>，自组件触发改变data时的用法：

1.compute(fn) // 返回一个计算属性 依赖响应式数据 2.watch 相关 方式一：watch(监听响应式数据对象/多个响应式数据对象 [对象1，对象2]，响应方法体，options配置

1.基于install(app实例对象， 选项参数)方法定义 2. plugin 的使用 通过use() 同router pinia Vant 插件一样

1.全局自定义指令 directive 组件setup 语法糖 下内部自定义指令 非setup 语法糖下组件自定义指令（修饰符，指令参数｜动态参数：arg， binding:可以是数组对象 ）

toRef(obj, objKey) toRefs(对象) toRaw 将响应式数据 解包为 原始数据

Reactive 和 shallowReactive readonly 相关语法糖简单实例入门以及使用时的一些小坑点

1.ref 定义响应式数据 1.shallowRef 浅层响应（ 手动触发响应：triggerRef(data）） customRef 自定义ref

开发环境搭建 node 下载 nodejs官方网站: https://nodejs.org/en 下载nodejs （Tip: vue3项目使用 v14以上即可） 全局安装xxx mac使用: 查看某

1.相对简单直接挂代码 + 注释 2.template 中直接使用 script 需要先获取组件实例对象中调用

浩克死（hooks:钩子) 可以理解为 mixin的变体,处理公共的业务逻辑，抽离成一个单独的ts 方法体,方便逻辑复用 hook.ts 引入使用方法