随笔分类 - vue
摘要：防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。 一、函数防抖 定义在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。 实现原理函数防抖的基本思想是设置一个定时器
阅读全文
摘要：前言 使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位： 代码： 效果图： 是不是看起来跟vue的使用方式差不多？接下来就来从原理到实现，从简到
阅读全文
摘要：原理： // 根据id得到下标 // 默认去遍历list集合，将集合中的每个元素传入到function的item里， var index = this.list.findIndex(function(item){ //根据item中的id属性来判断这个item是否是上面id中 //对应的数据，如果是
阅读全文
摘要：一.过滤器的基本使用 二.私有过滤器使用实例 二.全局/公有过滤器
阅读全文
摘要：一.自动获取焦点的DOM实现 二.自动获取焦点vue中ref属性实现 三.自动获取焦点用Vue中使用自定义指令实现
阅读全文
摘要：watch与computed、filter： watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法 computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法 filter:js中为我们提供的一个方法，用来帮助我们对数据进行筛选 watch与computed的区
阅读全文
摘要：跨域原理: 一.使用axios发送get请求 二.使用axios发送post请求 三.使用axios发送post或get请求细节处理 四.使用axios完成品牌管理 五.使用vue-resource发送异步请求(包含get和post请求) 两个js文件一定要按照顺序加载 六.使用vue-resour
阅读全文
摘要：一.使用vue的transition标签结合css样式完成动画 二.利用animate.css结合transition实现动画 animate.css 演示地址 : https://daneden.github.io/animate.css/ @charset "UTF-8"; /*! * anim
阅读全文
摘要：组件的作用：为了能够让功能与功能之间互不影响，使代码更加清晰整洁
阅读全文
摘要：Vue的生命周期： 在理解vue生命周期前要把握它的三个重点： 创建-> 改变 -> 销毁 创建： 1.执行beforeCreate 2.监控data 3.注册事件 4.执行create 5.执行beforeMount 6.执行Mounted 注意：将来执行异步请求时一定要 将请求数据的方法写在be
阅读全文
摘要：一.公有组件以及组件的使用和特点 二.给组件绑定事件和数据 三.私有组件 components 四.子组件 五.使用component中的is来实现组件切换 六.父组件传值给子组件 七.子组件传值给父组件
阅读全文
摘要：一.vue路由的基本使用 为什么需要路由? 因为我们通过component切换组件无法给组件传递参数 component切换组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="
阅读全文
摘要：1、对象的写法 2、在对象中的方法的写法 3、对象的导出写法 4、对象的导入 5、es6中的箭头函数的写法
阅读全文
摘要：vue-preview的使用步骤： 1）下载 2）配置：找到配置文件加入： { test: /vue-preview.src.*?js$/, loader: 'babel-loader' }, 在处理url（）请求的配置中加入：svg的配置 { test: /\.(jpg|png|gif|ttf|s
阅读全文
摘要：使用链接：http://momentjs.cn/ 1.安装monent 2.导入 3.过滤器 4.template模板使用： 4.template模板使用：
阅读全文
摘要：一.创建vue文件 二.在main.js配置路由 引入vue文件 三.在跳转button添加事件 跳转成功！
阅读全文
摘要：学习vue,在网上看到5个小实例，很受用。拿过来和大家一起分享，都是比较常见，基础的功能。 1、利用vue实现导航功能 2、利用vue实现编辑器效果 3、利用vue实现表单提交，自动计算金额的效果 4、利用vue实现即时搜索的功能 5、利用vue实现交换布局的功能 希望大家看完都能够有所收获！
阅读全文
摘要：gitHub地址:https://github.com/lily1010/vue_learn/tree/master/lesson05 http://www.cnblogs.com/lily1010/category/872662.html 一 过滤器写法 {{ message | Filter}}
阅读全文
摘要：v-cloak 的作用和用法 用法： 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。官方API HTML 绑定 Vue实例，在页面加载时会闪烁 然后才会
阅读全文
摘要：vue dom {{message}} 鼠标悬停查看绑定信息 现在你能看到我 {{todo.text}} {{message}} 逆转消息 {{message}}
阅读全文
