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 相关文章推荐
IE8 浏览器Cookie的处理
Jan 31 Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
js登录滑动验证的实现(不滑动无法登陆)
Jan 03 Javascript
解决easyui日期时间框ie的兼容的问题
Mar 01 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
Jul 18 Javascript
Vue Router去掉url中默认的锚点#
Aug 01 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
Jul 29 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 Javascript
Javascript原生ajax请求代码实例
Feb 20 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
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
用jquery方法操作radio使其默认选项是否
2013/09/10 Javascript
JavaScript实现的日期控件具体代码
2013/11/18 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
AngularJS日程表案例详解
2017/08/15 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
2019/05/09 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
antd配置config-overrides.js文件的操作
2020/10/31 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
Python功能键的读取方法
2015/05/28 Python
Python3中详解fabfile的编写
2018/06/24 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
python3获取文件中url内容并下载代码实例
2019/12/27 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
最新大学职业规划书范文
2013/12/30 职场文书
四风存在的原因分析
2014/02/11 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
三月学雷锋活动总结
2014/06/26 职场文书
2014年幼儿园教学工作总结
2014/12/04 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
学者《孟子》名人名言
2019/08/09 职场文书