Vue 3 + Vite 图片懒加载组件使用说明

本组件基于 Vue 3 和 Vite 构建，提供图片懒加载功能，支持全局注册。

组件功能

实现图片懒加载，提高页面加载性能。支持全局注册两种使用方式。

使用教程

安装

在项目中通过 npm 安装组件：

npm i lazyloadsjg

全局注册

在main.js中进行全局注册：

import { createApp } from 'vue';
import App from './App.vue';
import lazyloadsjg from 'lazyloadsjg';

createApp(App).use(lazyloadsjg).mount('#app');

使用示例

组件接收以下属性：

• src: 图片网络来源地址。

• lazyload: 布尔值，默认为true，开启图片懒加载功能；设置为false则关闭懒加载。

使用示例：

<lazyImage 
  src="https://ts3.cn.mm.bing.net/th?id=OIP-C.3r1vguZyWFUJ80A2Nf2k3AHaEK&w=333&h=187&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
  lazyload
></lazyImage>