LDL

```html 附件/``` async showFile(path) { const a = document.createElement('a'); a.href = path; a.target

Dialog 组件创建 Dialog 应该是用的比较多的组件,下面有三种不同的创建方法 方式 1:通过 state 控制组件是否显示 方式 2:通过ReactDom.render创建弹层-挂载根节点外

异步组件 1.场景:路由切换,如果同步加载多个页面路由会导致缓慢 2.核心 API: loader:需要加载的组件 loading:未加载出来的页面展示组件 delay:延迟加载时间 timeout:

hooks 1.hooks 是利用 userReducer 和 context 实现通讯,下面模拟实现一个简单的 redux 2.核心文件分为 action,reducer,types action.

1 组件通讯 1.1 props 子组件 父组件 props 传多个值时: 传统写法 升级写法 1.2 props 升级版 原理:子组件里面利用 props 获取父组件方法直接调用,从而改变父组件的值

Pinia 是什么? Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案 Pinia 支持 Vue2 和 Vue3 Pinia 优势 符合直觉，易于学习

Vue2与Vue3的对比 对TypeScript支持不友好（所有属性都放在了this对象上，难以推倒组件的数据类型） 大量的API挂载在Vue对象的原型上，难以实现TreeShaking。 架构层面

自学vue3和vue2的区别 **vue3相较于vue2最大的不同点就在于组合式api和选项式api的不同** 在vue3中我们常常会使用setup语法糖进行代码的书写,摒弃了原来的data