vue2用自定义指令实现图片懒加载

除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册 自定义的指令 

一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。自定义指令必须以 v-xxx 开头 钩子函数会接收到指令所绑定元素作为其参数。以下实现使用自定义指令实现图片懒加载效果：

javascript中有个api可以获取元素是否在可视区 使用 new IntersectionObserver（）话不多说看代码：

此时是默认图片,过了0.5s就会显示加载的图片，滚动到可视区域会替换默认图片