dog_m的博客

各阶段简单介绍生命周期图

区别computed 和 methods，得到的结果是完全相同的computed 有缓存机制，如果结果值没有发生变化，会直接从缓存中取值，效率很快对于methods，无论结果值是否变化，一旦需要重新渲染，就会重新调用方法取值总结对于任何复杂逻辑，都应该使用计算属性...

v-showv-show 通过 css 中的 display 控制显示和隐藏无论条件 true 或者 false 都会渲染元素只渲染一次，性能消耗低v-ifv-if 通过添加或销毁 dom 控制显示和隐藏如果条件为 false 则不会渲染元素性能消耗大总结v-show 适合条件频繁变化的情况， v-if 适合条件变化较少的情况...

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

一. 按键别名在vue中, keyCode 的事件用法已经被废弃了并可能不会被最新的浏览器支持。Vue 提供了绝大多数常用的按键码的别名：.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right同时可以通过全局 config.keyCodes 对象修改别名的方法：// 可以使用 `v-on:keyup.f1`Vue.config.keyCodes.f1 = 112二. 基本语法keydown 是在键盘按下就

一. DOM事件触发的阶段当一个DOM事件被触发时，它不仅仅只是单纯地在本身对象上触发一次，而是会经历三个不同的阶段：捕获阶段：先由文档的根节点 document 往事件触发对象，从外向内捕获事件对象；目标阶段：到达目标事件位置（事发地），触发事件；冒泡阶段：再从目标事件位置往文档的根节点方向回溯，从内向外冒泡事件对象。简单来说，事件捕获是从外到内的触发事件，事件冒泡是从内到外的触发事件二. 监听事件使用 addEventListener 进行事件监听element.addEventL