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 实例一(first)
Mar 16 Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
Jul 28 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
jQuery图片轮播插件——前端开发必看
May 31 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
vue+iview动态渲染表格详解
Mar 19 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
vue实现几秒后跳转新页面代码
Sep 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函数重载的替代方法--伪重载详解
2015/05/08 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
判断JavaScript对象是否可用的最正确方法分析
2008/10/03 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
JS模态窗口返回值兼容问题的完美解决方法
2016/05/28 Javascript
AngularJS 过滤与排序详解及实例代码
2016/09/14 Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
2018/02/23 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
python冒泡排序简单实现方法
2015/07/09 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
2018/12/20 Python
Python函数装饰器实现方法详解
2018/12/22 Python
python 读取dicom文件,生成info.txt和raw文件的方法
2019/01/24 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
django haystack实现全文检索的示例代码
2020/06/24 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
简单的辞职信范文
2014/01/18 职场文书
素食餐饮项目创业计划书
2014/02/02 职场文书
十佳家长事迹材料
2014/08/26 职场文书
授权委托书(法人单位用)
2014/09/29 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
用人单位的规章制度,怎样制定才是有效的?
2019/07/09 职场文书