如何详细解析Lottie在Vue中自定义loading指令及常用指令封装？

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

目录

一、前言

二、实现方式

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

三、后记

1. 前言 2. 本文字主要介绍使用Lottie动画实现Vue自定义loading的指令方法。此外，本章节还会介绍其他几个常用的自定义指令。

目录

一、前言

二、实现方式

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

三、后记

1. 前言 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文件，直接渲染动画。