Vue.js 的 Facebook内容加载占位符 - vue-content-placeholders

Vue.js 的 Facebook内容加载占位符 - vue-content-placeholders
插件名称 vue-content-placeholders
发布时间 2020年11月27日
插件作者 michalsnik

一个Vue组件,用于在获取数据时呈现伪造的内容,以提供更好的UX和更低的跳出率。

安装和下载:

# NPM
$ npm install vue-content-placeholders--save

用法:

导入组件。

import Vue from 'vue'
import VueContentPlaceholders from 'vue-content-placeholders'

Vue.use(VueContentPlaceholders)

使用此组件。

<content-placeholders>
  <content-placeholders-heading :img="true" />
  <content-placeholders-text :lines="3" />
</content-placeholders>

Props 。

props: {
  rounded: {
    type: Boolean,
    default: false,
  },
  centered: {
    type: Boolean,
    default: false,
  },
  animated: {
    type: Boolean,
    default: true,
  },
},