前端开发：基于移动端的Vue项目的Loading使用

前言

在前端开发过程中，常用的组件有必要做一下使用的总结，尤其是对于刚入门的前端开发者来说既有利于知识点的掌握，又有利于总结归纳方便后期使用查看。不管是基于移动端还是PC端的前端Vue项目都是如此，那么本文就来分享一下在前端开发的时候经常使用的一个功能：Loading的使用，本文以基于移动端Vant的Loading使用为例来讲解，方便有需要的开发者学习使用。

Loading介绍

Loading加载：加载图标，用来表示加载过程中的过渡状态，或者说是在加载数据的时候显示动效，起到缓冲作用。

引入Loading

本示例以Vant下的Loading组件引入的方法为主，具体的引入步骤如下所示：

打开基于移动端的Vue项目，然后在项目的根目录里面找到main.js文件，然后直接引入Loading组件，其实项目里面如果引入了Vant组件，就不需要引入。这里直接在main.js文件中引入Loading组件即可。

import Vue from 'vue';  //框架如果已经引入过的话，这句就不用再加进去了


import { Loading } from 'vant';

Vue.use(Loading);