vue和TS知识点归纳及错误整理

1. 比较顺序 Diff 算法在比较两个节点的时候，只会在同层进行比较，而不会跨层比较，所以可以使用双端交叉算法。 2. 算法概述 2.1 含有类型 Vue 中含有的类型一般为如下类型，而 React

1. 最简单的手写方式（使用 html + css） PS: 这种写法有个弊端，就是当宽度改变的时候需要重新修改线条的位置。

问题描述：最近工作中出现一个需求，纯前端下载 Excel 数据，并且有的下载内容很多，这时需要给下载增加一个 loading 效果。 代码如下： 解决方案探究： 在尝试了使用 $nextTick、将

有关数据懒加载的一些方法，包括有高度时以及无高度的情况，此外通过使用第三方插件或者使用原生方法都一些。

1. Object.defineProperty vue2 的响应式原理是基于 Object.defineProperty 实现的，虽然这种方式也可以实现，但是只能实现最基本的监听效果，因此 vue2

1. @/components/SvgIcon 2. @/icons icons svg index.ts 3. vue.config.js

1. 目录层级 axios request config.ts index.ts types.ts index.ts 2. 具体代码 2.1 request/types 2.2 request/con

1. 全局API 可以看到，在Vue2中我们使用new Vue() 方式简单的创建了一个 Vue 的根实例， 而在Vue3中我们使用新的global API创建，即使用 createApp() 创建。

如图，在如上图片中，要实现鼠标在点击和悬浮时都能够实现展开或者收缩的效果，这样一来，如果用户在首次悬浮时并且点击，此时体验效果很差，因此在悬浮和点击时给点击绑定一个事件，实现延迟效果，代码如下：

配置多端入口文件，如此一来能够在一套代码中使用两套文件配置，实现一个网址自动判断从而进入不同的页面。

1. 常见问题 1.1 const reactive 及 props 形如如下形式的代码是不能直接将 reactive 赋值的,即 obj = obj1 写法是错误的，obj 是常量，禁止直接赋值。修