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 相关文章推荐
js写一个字符串转成驼峰的实例
Jun 21 Javascript
使用js简单实现了tree树菜单
Nov 20 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 Javascript
Javascript中Date类型和Math类型详解
Feb 27 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
javascript 解决浏览器不支持的问题
Sep 24 Javascript
用Vue写一个分页器的示例代码
Apr 22 Javascript
vue 组件中添加样式不生效的解决方法
Jul 06 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 Javascript
vue 递归组件的简单使用示例
Jan 14 Vue.js
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初学者们头痛的十四个问题
2007/01/15 PHP
网站用php实现paypal整合方法
2010/11/28 PHP
php dirname(__FILE__) 获取当前文件的绝对路径
2011/06/28 PHP
pdo中使用参数化查询sql
2011/08/11 PHP
PHP函数实现从一个文本字符串中提取关键字的方法
2015/07/01 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
php实现多站点共用session实现单点登录的方法详解
2019/09/18 PHP
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
JavaScript中读取和保存文件实例
2014/05/08 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
2016/10/15 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
node.js操作mongodb简单示例分享
2017/05/25 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
微信小程序分包加载代码实现方法详解
2019/09/23 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
Numpy之random函数使用学习
2019/01/29 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
python编写实现抽奖器
2020/09/10 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
售后服务科岗位职责范文
2013/11/13 职场文书
统计系教授推荐信
2014/02/28 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
html5 录制mp3音频支持采样率和比特率设置
2021/07/15 Javascript
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL