今天完成的事情：

1.回顾知识

明天计划的事情：

1.回顾知识

遇到的问题和收获

v-model的使用和原理

v-model其实是一个语法糖，它的背后本质上是包含两个操作

• v-bind绑定一个value属性

• v-on指令给当前元素绑定input事件

computed看上去是方法，但是实际上是计算属性，它会根据你所依赖的数据动态显示新的计算结果。计算结果会被缓存，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算

计算属性将被加入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例

通过计算出来的属性不需要调用直接可以在 DOM 里使用

在{{}}引用计算属性的时候不需要跟小括号，因为是在调里面的get方法

computed和watch区别：

1、 功能上：computed是计算属性，也就是依赖其它的属性计算所得出最后的值，是用于定义基于数据之上的数据。watch是监听一个值的变化，然后执行对应的回调，是在某个数据变化时做一些事情。

2、 是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。

3、 是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。

4、 如果一个值依赖多个属性（多对一），用computed肯定是更加方便的。如果一个值变化后会引起一系列操作，或者一个值变化会引起一系列值的变化（一对多），用watch更加方便一些。

块级作用域let 和var

const关键字

• 在很多语言中已经存在，比如C/C++中，主要的作用是将某个变量修饰为常量

• 在JS中也是如此，使用const修饰的标识符为常量，不可以再次赋值

什么时候使用const呢

• 当我们修饰的标识符不会被再次赋值时，就可以使用const来保证数据的安全性