vue
dog_m
这个作者很懒,什么都没留下…
展开
-
Vue生命周期简单说明
各阶段简单介绍 生命周期图原创 2021-06-04 17:13:46 · 82 阅读 · 0 评论 -
计算属性和方法的区别
区别 computed 和 methods,得到的结果是完全相同的 computed 有缓存机制,如果结果值没有发生变化,会直接从缓存中取值,效率很快 对于methods,无论结果值是否变化,一旦需要重新渲染,就会重新调用方法取值 总结 对于任何复杂逻辑,都应该使用计算属性 ...原创 2021-06-04 10:32:10 · 335 阅读 · 0 评论 -
v-show 和 v-if 的区别
v-show v-show 通过 css 中的 display 控制显示和隐藏 无论条件 true 或者 false 都会渲染元素 只渲染一次,性能消耗低 v-if v-if 通过添加或销毁 dom 控制显示和隐藏 如果条件为 false 则不会渲染元素 性能消耗大 总结 v-show 适合条件频繁变化的情况, v-if 适合条件变化较少的情况 ...原创 2021-06-04 09:40:01 · 46 阅读 · 0 评论 -
v-for 遍历数组/对象的区别
v-for 遍历数组 // array: ['A', 'B', 'C'] // item是value, 输出"a,b,c" <li v-for="item in array">{{item}}</li> // item是value, indexw是索引, 输出"0.a, 1.b, 2.c" <li v-for="(item,index) in array">{{index}}.{{item}}</li> v-for 遍历对象 // object: {i原创 2021-06-03 14:58:58 · 218 阅读 · 0 评论 -
vue 中的按键事件
一. 按键别名 在vue中, keyCode 的事件用法已经被废弃了并可能不会被最新的浏览器支持。 Vue 提供了绝大多数常用的按键码的别名: .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 同时可以通过全局 config.keyCodes 对象修改别名的方法: // 可以使用 `v-on:keyup.f1` Vue.config.keyCodes.f1 = 112 二. 基本语法 keydown 是在键盘按下就原创 2021-06-03 11:35:30 · 1611 阅读 · 0 评论 -
事件捕获/事件冒泡,终止冒泡/阻止默认行为
一. DOM事件触发的阶段 当一个DOM事件被触发时,它不仅仅只是单纯地在本身对象上触发一次,而是会经历三个不同的阶段: 捕获阶段:先由文档的根节点 document 往事件触发对象,从外向内捕获事件对象; 目标阶段:到达目标事件位置(事发地),触发事件; 冒泡阶段:再从目标事件位置往文档的根节点方向回溯,从内向外冒泡事件对象。 简单来说,事件捕获是从外到内的触发事件,事件冒泡是从内到外的触发事件 二. 监听事件 使用 addEventListener 进行事件监听 element.addEventL原创 2021-06-03 10:51:33 · 245 阅读 · 0 评论