学习课程：前端工程师2022版-vue基础入门

lesson11:列表循环渲染（2）2-12 列表循环渲染（2）-慕课网体系课 (imooc.com)

lesson12:事件绑定

2-13 事件绑定-事件修饰符（1）-慕课网体系课 (imooc.com)

2-14 事件绑定（2）-慕课网体系课 (imooc.com)

讲师：Dell老师

今天继续了昨天的课程安排，学习了vue的列表循环渲染和事件绑定。

列表循环渲染--

key值一般设置为唯一值，当增加内容后浏览器会判断key值是否存在，如果存在就不会再次渲染，提高页面性能。

当需要修改列表里的值时，一共有四种方法：

1. 使用数组的变更函数push, pop,shift,unshift,splice,sort,reverse

2. 直接替换数组

3. 直接更新数组

4. 直接添加对象的内容也可以自动的展示出来

事件绑定--

事件修饰符: stop, prevent, capture, self, once, passive

按键修饰符：enter, tab, delete,esc,up,down,left,right,up

鼠标修饰符：left,right,middle

精确修饰符：exact

这些修饰符全部可以直接添加在事件指令后面，从而减少事件中需要处理更多的事情。这样一方面提高可读性，一方面节约浏览器内存资源，使代码更加简介清晰。

今天由于处理了很多别的事情，复习的内容较少。但还是让我又唤醒了曾经学过的记忆，贵在坚持，直至到达顶峰！

继续加油！！！