如何将Lottie实现为Vue自定义loading指令并封装常用指令？

本文共计1160个文字，预计阅读时间需要5分钟。

目录

一、前言

二、实现方式

1. v-loading 2. v-click-outside

三、后记

1. 前言 本文字主要介绍使用Lottie动画实现Vue自定义loading的指令方法。 2. 文本主要内容 本文将详细介绍如何使用Lottie动画实现Vue自定义loading的效果，并通过指令的方式方便地集成到项目中。此外，还将介绍其他几个常用的自定义指令。

目录

• 一、前言
• 二、实现方式
• 1.v-loading
• 2.v-click-outside
• 三、后记

一、前言

本文主要介绍使用lottie动画实现vue自定义loading的指令方法。另外本篇文章还会介绍其他几个常用的自定义指令实现方式（点击指定区域外监听指令）。

lottie是一款由airbnb开源的跨平台动画渲染库，支持Android,iOS,Web,Windows平台。是专门用于解析从AE(Adobe After Effects)中通过Bodymovin插件导出的JSON文件，直接渲染动画。