摘要: 使用addEventListener添加事件 点击btn 点击btn2 点击btn 第一个事件已被移除 更多请参照这一文章 阅读全文
posted @ 2019-05-14 17:11 gitByLegend 阅读(580) 评论(0) 推荐(0) 编辑
摘要: 原文地址 在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。 根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 受现代 JavaScrip 阅读全文
posted @ 2019-05-09 20:56 gitByLegend 阅读(893) 评论(0) 推荐(0) 编辑
摘要: 原文地址 vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执行顺序和什么时候执行,看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 create 和 mounted 相关 咱们在chrome浏览器里打开,F12看co 阅读全文
posted @ 2019-05-09 20:16 gitByLegend 阅读(2038) 评论(0) 推荐(0) 编辑
摘要: 原文地址 Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据,Vue.js 让我们快速地开发应用。但随着业务代码日益庞大,组件也越来越多,组件逻辑耦合严重,使代码维护变得十分困难。 同时,Vue.js 的接口和语法 阅读全文
posted @ 2019-05-09 19:55 gitByLegend 阅读(10166) 评论(0) 推荐(0) 编辑
摘要: 原文地址 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep-alive技术了. keep-alive 简介 k 阅读全文
posted @ 2019-05-09 19:36 gitByLegend 阅读(1900) 评论(0) 推荐(0) 编辑
摘要: 原文地址 Vue中子组件调用父组件的方法,这里有三种方法提供参考 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 子组件 第二种方法是在子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了。 父组件 子组件 第三种是父组件把方法传入子组件中 阅读全文
posted @ 2019-05-09 13:27 gitByLegend 阅读(5283) 评论(0) 推荐(0) 编辑
摘要: 原文地址 永远不要把 v-if 和 v-for 同时用在同一个元素上。 一般我们在两种常见的情况下会倾向于这样做: 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下,请将 users替换为一个计算属性 (比如 ac 阅读全文
posted @ 2019-05-09 12:29 gitByLegend 阅读(11909) 评论(0) 推荐(1) 编辑
摘要: 原文地址 vue组件中的data必须是函数 类比引用数据类型 Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了; javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){ 阅读全文
posted @ 2019-05-09 11:28 gitByLegend 阅读(3202) 评论(0) 推荐(0) 编辑
摘要: 原文地址 概览 用法: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 原理 异步说明 在 Vue 的文档中,说明 Vue 是异步执行 DOM 更新的。关于异步的解析,可以查看阮一峰老师的这篇文章。截取关键部分如下: 具体来说,异步执行的运行机制 阅读全文
posted @ 2019-05-09 10:45 gitByLegend 阅读(1966) 评论(0) 推荐(0) 编辑
摘要: 原文地址 一、event 对象 (一)事件的 event 对象 你说你是搞前端的,那么你肯定就知道事件,知道事件,你就肯定知道 event 对象吧?各种的库、框架多少都有针对 event 对象的处理。比如 jquery,通过它内部进行一定的封装,我们开发的时候,就无需关注 event 对象的部分兼容 阅读全文
posted @ 2019-05-09 10:15 gitByLegend 阅读(19800) 评论(1) 推荐(3) 编辑