vue的监听属性（侦听属性）（2022-4-21学习笔记）

vue的页面模板代码不建议过于复杂~
模板里面可以直接读数据，但是在进行数据处理的时候我们要用this。
vue开发者工具的坑，如果我们修改了一个数据，但是页面没有显示的需要，开发者工具中也就不会显示相应的修改，但是实际上，修改已经发生！

模板代码中可以写一些简单的语句！模板里面只能写vm里面的，或者vue原型上面的。一般我们不建议这样子写。

监听属性

data中的属性和计算属性都可以监视。
另外一种写法：

总结

深度监视

监视多级结构中key的变化。

属性中属性监听我们要使用深度监听。监视多级结构中所有属性的变化。

深度监听总结

默认不开启深度监听是为了效率考虑。

深度监听的简写

不需要其他的配置项，只有handler的时候。

计算属性和监听属性的区别

两种方法都能实现的时候，计算属性的效率更高。
计算属性靠的是返回值，没办法开启异步任务。

定时器这里使用箭头函数，我们的this仍然是vm的this。