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 相关文章推荐
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
jquery在IE、FF浏览器的差别详细探讨
Apr 28 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
js查找节点的方法小结
Jan 13 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
Jan 26 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
小程序实现页面顶部选项卡效果
Nov 06 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
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
单位速度在实战中的运用
2020/03/04 星际争霸
php使用curl简单抓取远程url的方法
2015/03/13 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
PHP+Ajax异步带进度条上传文件实例
2016/11/01 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
JavaScript两种跨域技术全面介绍
2014/04/16 Javascript
Javascript基础教程之if条件语句
2015/01/18 Javascript
浅谈类似于(function(){}).call()的js语句
2015/03/30 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
JS实现的自定义map方法示例
2019/05/17 Javascript
vue按需加载实例详解
2019/09/06 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
2020/07/28 Javascript
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
Python生成随机密码的方法
2017/06/16 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
python生成器用法实例详解
2019/11/22 Python
DRF使用simple JWT身份验证的实现
2021/01/14 Python
修复iPhone的safari浏览器上submit按钮圆角bug
2012/12/24 HTML / CSS
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
Lookfantastic法国官网:英国知名美妆购物网站
2017/10/28 全球购物
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
怎样填写就业意向
2014/04/02 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
《全神贯注》教学反思
2016/02/22 职场文书
python 爬取华为应用市场评论
2021/05/29 Python