2024年暑假学习日记7.25-7.31

7.25

1.解决了下载安装vue.js文件问题

2.未解决vue.js.devtools安装问题

下载了文件又安装不了，在极简插件下载的，不知道是不是网络连接的问题

7.26

1.在根目录下放了一个文件名为favicon.ico的图标文件，shift加刷新(强制刷新)就可以看到网页的页面小图标。

2.在谷歌浏览器中用极简插件下载了vue开发者工具，并开启了谷歌浏览器中的开发者模式，成功在谷歌浏览器的扩展程序中添加了vue开发者工具，但是还没有解决应如何将谷歌浏览器设置为默认浏览器的问题，而且尝试使用谷歌浏览器打开html文件也还是不能成功启用vue开发者工具。

3.学习了模版语法：包括插值语法和指令语法；

7.29

1.学习了数据绑定，单向数据绑定v-bind,双向数据绑定v-model.

2.学习el和data的两种写法，提及了定时器（js）,Vue所管理的函数不能写箭头函数。

3.MVVM模型：vm代表Vue实例，m代表data中的数据，v代表视图。

4.学习Object.defineProperty方法，我看到了许多浏览器开发者工具的使用，可以输出数据，可以修改数据，还可以删除数据.

5.学习数据代理

Vue中的数据代理是：通过vm对象代理data对象中属性的操作（读、写）

6.箭头函数

7.事件处理：v-on,@

事件修饰符：@click.prevent=””

,@click.stop=””,@click.once=””,@scroll.passive=””

可以连着写@click.prevent.stop

8.键盘事件

Tab键特殊，必须配合keydown使用

7.30.2024

1.通过姓名案例学习了计算属性

2.下载了一个Vue3代码片段插件（vue3 sippet），提高写代码的效率

3.学习监视属性

4.计算属性和监视属性的区别

7.31.2024

1.学习绑定样式

2.学习条件渲染：v-if,v-show

3.学习列表渲染，用v-for

4.学习key的作用和原理（重点）

Dom的diff算法就是对比算法

注意：如果不写key值,那么vue会默认key为索引值index

5.解决了将默认浏览器设置为谷歌浏览器的问题，直接卸载了猎豹浏览器。