vue1.0 lazyload
时间: 2023-12-14 21:02:51 浏览: 8
在Vue 1.0中实现图片懒加载可以使用vue-lazyload插件。该插件通过指令的方式实现懒加载,具体使用方法如下:
1. 安装vue-lazyload插件
```bash
npm install vue-lazyload --save
```
2. 在Vue中注册插件
```javascript
import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)
```
3. 在img标签中使用指令v-lazy
```html
<img v-lazy="image.jpg">
```
这样就可以实现图片的懒加载了。当图片出现在可视区域内时,才会去加载图片。可以通过修改插件的配置来自定义加载时的样式和行为。