好习惯，结果放最前，放便抄作业的

思路：

1. 实例化一个进入区监视对象监视img标签是否进入根元素可见区

2. img可见时，将img的src置为真正的图片地址，并解除监视

用法：

其实：

• element-plus的组件库已经提供了图片懒加载的解决方案

• el-image组件的lazy属性设为true即可

二次封装：

• 利用vue的属性透传特性二次封装el-image组件

• 其实就是强制开启懒加载并设置了一个类名和一些自定义样式

• 再为图片加载失败的情况设置一个代替图标

坑：

• Vue3对v-bind这个指令做出了一点破坏性的改动

• v-bind的顺序是影响渲染的最终结果的

• 跟合并对象类似，后绑定的属性会覆盖掉前面的同名属性

以下情况lazy的实际值永远是true，不会被外部的props覆盖

以下情况的lazy则是可以覆盖的，相当于给了一个默认值

最后：

QAQ有没有一样四级挂了三次（第四次睡过了头直接没去）的兄台？