回到顶部 Fork me on GitHub

随笔分类 -  Vue

Vue+element UI实现分页组件
摘要:介绍 这是一个是基于element-UI的分页组件基础上,进行了二次封装的分页组件,在展示数据时,该分页组件采用了每显示一页数据,只请求当前页面的数据的请求策略,从而避免了一次性将数据全部请求所造成的资源浪费。 使用方法 由于该组件是基于element-UI的分页组件进行二次封装,所以在使用该组件时 阅读全文

posted @ 2018-08-30 12:56 难凉热血,码梦为生! 阅读(19012) 评论(0) 推荐(1)

如何在vue-cli项目中结合mockjs模拟假数据
摘要:1.前言 在如今前后端分离的开发方式已被广泛采用的今天,前端同学和后端同学各自独立开发,后端提供数据接口,前端调用接口获取数据渲染页面。但是在实际开发中,后端开发由于逻辑相对复杂接口迟迟提供不到位,而前端正着急着调用接口来测试页面是否能够正常渲染,这就造成开发进度阻塞。幸好,我们有mockjs这个插 阅读全文

posted @ 2018-08-28 13:53 难凉热血,码梦为生! 阅读(4922) 评论(2) 推荐(2)

vue自定义长按指令
摘要:1.前言 在word中,当我们需要删除一大段文本的时候,我们按一下键盘上的退格键,就会删除一个字,当我们长按住退格键时,就会连续不停的删除,这就是键盘按键的长按功能。那么我们也想在网页中让一个按钮也具有“长按”和“单击”不同的功能,该怎样实现呢?下面我们采用vue自定义指令的方式,来实现一个长按指令 阅读全文

posted @ 2018-08-27 23:16 难凉热血,码梦为生! 阅读(3142) 评论(0) 推荐(0)

通俗易懂了解Vue的计算属性
摘要:1.前言 之前在学习vue的过程中,一直没有搞明白计算属性是个怎么回事,以及为什么要有计算属性,使用计算属性有什么好处。今天花时间翻了翻官方文档,才搞清楚其中一二,现将学习心得总结记录如下。 2.为什么要使用计算属性 试想有这样一个场景: 当我们在网购的时候,打开购物车,我们在增加或减少购物车内货物 阅读全文

posted @ 2018-08-19 14:27 难凉热血,码梦为生! 阅读(949) 评论(0) 推荐(1)

通俗易懂了解Vue组件的通信方式
摘要:1.前言 Vue框架倡导组件化开发,力求将一个大的项目拆分成若干个小的组件,就如同我们小时玩堆积木一样,一个大房子是由若干个小积木组成。组件化开发最大问题就是组件之间数据能够流通,即组件之间能够通信。而组件间通信无非就分为三种情况:外层的大组件向内部的小组件通信,内部的小组件向外部的大组件通信,平级 阅读全文

posted @ 2018-08-18 22:18 难凉热血,码梦为生! 阅读(849) 评论(0) 推荐(1)

通俗易懂了解Vue组件的生命周期
摘要:1.前言 在使用vue2.0进行日常开发中,我们总有这样的需求,我就想在页面刚一加载出这个表格组件时就发送请求去后台拉取数据,亦或者我想在组件加载前显示个loading图,当组件加载出来就让这个loading图消失等等这样或那样的需求,要实现这些需求,最重要的一点就是我怎么知道这个组件什么时候加载, 阅读全文

posted @ 2018-08-18 16:50 难凉热血,码梦为生! 阅读(11306) 评论(1) 推荐(5)

导航