vue-content-loader内容加载器的使用方法


Posted in Javascript onAugust 05, 2018

当我们开发网站或者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内容加载器的使用方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
jQuery实现获取隐藏div高度的方法示例
Feb 09 Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 Javascript
vue cli升级webapck4总结
Apr 04 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
javascript canvas检测小球碰撞
Apr 17 Javascript
在实例中重学JavaScript事件循环
Dec 03 Javascript
three.js中多线程的使用及性能测试详解
Jan 07 Javascript
Vue3如何理解ref toRef和toRefs的区别
Feb 18 Vue.js
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 #Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 #Javascript
深入理解JavaScript的async/await
Aug 05 #Javascript
js数据类型检测总结
Aug 05 #Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 #Javascript
vue实现简单的MVVM框架
Aug 05 #Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 #Javascript
You might like
用PHP实现小型站点广告管理(修正版)
2006/10/09 PHP
PHP中的cookie
2006/11/26 PHP
怎样才能成为PHP高手?学会“懒惰”的编程
2006/12/05 PHP
PHP实现把数字ID转字母ID
2013/08/12 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
php实现对两个数组进行减法操作的方法
2015/04/17 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
动态调用css文件——jquery的应用
2007/02/20 Javascript
读jQuery之十 事件模块概述
2011/06/27 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
SVG描边动画
2017/02/23 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
Python实现PS滤镜Fish lens图像扭曲效果示例
2018/01/29 Python
简单实现python数独游戏
2018/03/30 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
python smtplib模块实现发送邮件带附件sendmail
2018/05/22 Python
python实现爬山算法的思路详解
2019/04/09 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
JAVA程序员面试题
2012/10/03 面试题
学校经典推荐信
2013/10/30 职场文书
单位成立周年感言
2014/01/26 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
禁烟标语大全
2014/06/11 职场文书
求职信的正确写法
2014/07/10 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
迎新晚会主持词开场白
2015/05/28 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
一文搞懂php的垃圾回收机制
2021/06/18 PHP
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL