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 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
JS学习之一个简易的日历控件
Mar 24 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 Javascript
vue中@change兼容问题详解
Oct 25 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
第六节--访问属性和方法
2006/11/16 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
vue-cli之router基本使用方法详解
2017/10/17 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
2019/12/22 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
关于Vue中$refs的探索浅析
2020/11/05 Javascript
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
深入理解NumPy简明教程---数组1
2016/12/17 Python
python实现数据预处理之填充缺失值的示例
2017/12/22 Python
python表格存取的方法
2018/03/07 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
AC Lens:购买隐形眼镜
2017/02/26 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
会计辞职信范文
2014/01/15 职场文书
公司聘任书模板
2014/03/29 职场文书
经典团队口号大全
2014/06/21 职场文书
紫日观后感
2015/06/05 职场文书
Java基于字符界面的简易收银台
2021/06/26 Java/Android