vue基础入门-应用 & 组件实例
https://v3.cn.vuejs.org/guide/instance.html#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%BA%94%E7%94%A8%E5%AE%9E%E4%BE%8B
应用 & 组件实例
又到了我不太理解的地方，再上一篇文章中，我好不容易把组件是什么给弄明白了，这里我又遇到了新的概念。
生命周期示意图，先混个脸熟
模版语法
v-html
v-if
v-on
v-bind:href
缩写：
v-bind
<a :href="url"> ... </a>
v-on
<a @click="doSomething"> ... </a>
// 用 Lodash 的防抖函数
函数防抖: 频繁触发,但只在特定的时间内没有触发执行条件才执行一次代码
比如类似于安卓里面的重复点击打开了多个页面
计算属性和侦听器
计算属性又是我的知识盲点了。
我们可以将同样的函数定义为一个方法，而不是一个计算属性。从最终结果来说，这两种实现方式确实是完全相同的。然而，不同的是计算属性将基于它们的响应依赖关系缓存。计算属性只会在相关响应式依赖发生改变时重新求值。这就意味着只要 author.books 还没有发生改变，多次访问 publishedBookMessage 时计算属性会立即返回之前的计算结果，而不必再次执行函数。
相比之下，每当触发重新渲染时，调用方法将始终会再次执行函数。
侦听器
简单来说就是如果data发生变化了，而你想侦听data的变化，那么可以在watch中增加相关的监听代码
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。
