前端开发：基于移动端的占位符（空状态）使用

前言

在基于移动端的前端开发的时候，需要做到仿原生app的功能效果，尤其是UI布局，以及操作流程和方式，都应该跟移动端原生开发的时候保持高度相似。本篇博文分享一个关于基于移动端的前端开发的时候，无数据时候的占位符（空状态）使用的方法。

        本文分享两种占位符的使用方式，一种是直接通过使用Vant的Empty组件，另外一种是自己实现自定义占位符组件。

一、Vant自带的Empty组件

        首先来讲一下基于Vant的占位符（空状态）组件，Vant的占位符组件使用起来很简单，直接引入到项目中，然后一行代码搞定，这种使用方式也是比较受欢迎的，因为简单快捷。具体的使用步骤如下所示：

     <van-empty v-if="toDoData.length === 0" description="暂无数据" />

 

        根据数据