如何使用vue-content-loader内容加载器

编程知识 更新时间:2023-04-05 06:48:14

当我们开发网站或者APP时,遇到内容过多加载速度慢时,会导致用户打开页面有大量空白页,vue-content-loader正是解决这个问题的一个组件,使加载内容之前生成一个dom模板,提高用户体验。

第一步:安装

在控制台的项目路径下执行:npm install vue-content-loader --save

第二步:引入使用

<template>
  <!--<content-loader></content-loader>-->
  <facebook-loader></facebook-loader>
</template>

<script>
//import { ContentLoader } from 'vue-content-loader'
import {
//ContentLoader,
  FacebookLoader
} from 'vue-content-loader' // 已安装npm install vue-content-loader --save

export default {
  components: {
//  ContentLoader,
    FacebookLoader   
  }
}
</script>

<style>
</style>

 

更多推荐

如何使用vue-content-loader内容加载器

本文发布于:2023-04-05 06:48:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/664db2aff0cb158cd0f04b557e1ae709.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:如何使用   加载   内容   content   vue

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 45366文章数
  • 14阅读数
  • 0评论数