Vue3

Pinia不需要像Vuex一样使用modules分模块，Pinia可在store目录中直接定义对应模块。 store中的目录结构 store/user.ts 页面组件使用

安装插件 store/index.ts store/user.ts,开启数据缓存,Pinia持久化存储,可以自定义key

vue-json-editor，介绍 需要快速编辑json数据以及json校验 安装 使用 地址https://github.com/dirkliu/vue-json-editor

keep-alive缓存A,B组件中的值 keep-alive中的属性 include想缓存组件的名称 exclude不缓存组件的名称 max指定缓存组件的数量 使用keep-alive增加的生命周期

安装 使用Vue3安装对应的route4版本 使用Vue2安装对应的route3版本 定义(src/router/index.ts) 注册(main.ts) 使用<router-view></rout

插槽就是一个占位符，用<slot></slot> 表示 匿名插槽 具名插槽 具名插槽其实就是给插槽取个名字,一个子组件可以放多个插槽，而且可以放在不同的地方，而父组件填充内容时，可以根据这个名字把内容

Pinan特点 支持TS 轻量，压缩后的体积只有1Kb左右 去除mutations,只有state,getters,actions actions支持同步和异步 支持Vue2和Vue3 安装 引用(m

全局组件 封装Card全局组件 全局注册(main.ts) 使用 局部组件 在一个组件内通过import去引入别的组件 递归组件 自身去调用自身，需要一个条件来结束递归，否则导致内存泄漏 封装递归Tr

子组件接收父组件传过来的参数 父组件(传参) 子组件(接收参数) 子组件给父组件传值 子组件(传参) 父组件 子组件给父组件暴露方法或属性(defineExpose) 子组件 父组件

Vue3中watch与watchEffect的使用 watch使用 监听一个数据源 监听多个数据源 配置项(immediate,deep) 注意：使用reactive监听深层对象开启和不开启deep效

1. 比较Vue2与Vue3的响应式 vue2的响应式原理 对象: 通过defineProperty对对象已有属性值的读取和修改进行劫持(监视/拦截) 数组: 通过重写数组更新数组一系列方法来更新元素

Vue3响应式数据的核心原理，响应式支持深度的数据监听，实现响应式使用了原生ES6中的Proxy代理方法