vue
一只特立独行的猫猫
有什么技术问题,欢迎大家一起交流,一起学习 如果人生旅途的道路一致,我愿为同行的你背起行囊
展开
-
VUE防抖与节流的最佳解决方案——函数式组件
前言有echarts使用经验的同学可能遇到过这样的场景,在window.onresize事件回调里触发echartsBox.resize()方法来达到重绘的目的,resize事件是连续触发的这意味着echarts实例会连续的重绘这是非常耗性能的。还有一个常见的场景在input标签的input事件里请求后端接口,input事件也是连续触发的,假设我输入了“12”就会请求两次接口参数分别是“1”...转载 2019-12-12 14:47:34 · 762 阅读 · 0 评论 -
vue双向绑定原理
vue 双向绑定原理转载 2018-05-02 12:12:40 · 488 阅读 · 0 评论 -
自定义指令和自定义指令的声明周期
vue中有很多指令,在vue中,我们也可以自己定义一些指令,来方便开发,自定义指令到底有什么用?使用自定义指令我们可以在自定义指令里面放一些样式,这样当使用一些公共的样式时,就可以直接使用自定义指令来方便开发,实现一次开发,多次使用的目的。下面我们就看一下如何自定义指令<script> Vue.directive("自定义指令的名称",function(el,bind...原创 2018-05-04 22:49:23 · 829 阅读 · 0 评论 -
vue自定义组件
vue自定义组件原创 2018-05-04 22:56:18 · 617 阅读 · 0 评论 -
理解vue之element-ui中的
如果有用过element-ui中的table组件,可能会发现有这么一个写法:<template slot-scope="scope">在实际的使用过程中,这种用法当然不仅仅局限于此,其他的地方也会用到。到底这里有什么特别之处呢?我们看看普通的table用法:我们先说一说这个基础的用法里面,在el-table中,:data="tableData"是数据集,结构如下:那...转载 2019-05-21 16:50:07 · 303 阅读 · 0 评论 -
vue中输入框事件的使用——@input、@keyup.enter、@change、@blur
版权声明:本文为博主原创文章,未经博主允许不得转载。转载注明出处。 https://blog.csdn.net/zuoyiran520081/article/details/86611608一、@input(或者是v-on:input)使用:<input type="text" placeholder="通过乘车人/订单号查询" v-model="inputVal" v-on:in...转载 2019-05-22 15:15:28 · 8760 阅读 · 0 评论 -
从Vue-router到html5的pushState
最近在用vue的时候突然想到一个问题首先,我们知道vue实现的单页应用中一般不会去刷新页面,因为刷新之后页面中的vuex数据就不见了。其次,我们也知道一般情况下,url变更的时候,比如指定location.href、history.push、replace等,页面就会刷新。那么问题来了,vue页面的页面跳转时怎么实现的?没刷新页面么?没刷新页面,又要改变url,加载新内容怎么做的?去...转载 2019-05-27 16:53:20 · 700 阅读 · 0 评论 -
Vue学习之路4-v-bind指令
1. 定义1.1 v-bind 指令被用来响应地更新 HTML 属性,其实它是支持一个单一 JavaScript 表达式(v-for除外)。2. 语法2.1 完整语法:<span v-bind:class="classProperty"></span>,解释:v-bind是指令,:后面的class是参数,classProperty则在官方文档中被...转载 2019-07-02 15:42:54 · 594 阅读 · 0 评论