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 相关文章推荐
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
May 27 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
Vue.js实现分页查询功能
Nov 15 Javascript
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
深入详解JS函数的柯里化
Jun 09 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
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
脚本吧 - 幻宇工作室用到js,超强推荐base.js
2006/12/23 Javascript
JQuery onload、ready概念介绍及使用方法
2013/04/27 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
微信小程序  http请求封装详解及实例代码
2017/02/15 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
JavaScript实现百度搜索框效果
2020/03/26 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
Python3实现连接SQLite数据库的方法
2014/08/23 Python
python生成器generator用法实例分析
2015/06/04 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
德国购买健身器材:AsVIVA
2017/08/09 全球购物
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
Tessabit美国:集世界奢侈品和设计师品牌的意大利精品买手店
2020/06/29 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
高级销售求职信
2014/02/21 职场文书
三方合作意向书范本
2015/05/09 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
教你用python控制安卓手机
2021/05/13 Python
3050和2060哪个好 性能差多少 差距有多大 谁更有性价比
2022/06/17 数码科技