2020-12-3，Vue.js开发过程中的注意事项

实例

没有完全遵循 MVVM 模型
当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中，即双向绑定 (只有当实例被创建时就已经存在于 data 中的 property 才是响应式的)

计算属性和侦听器

计算属性是基于它们的响应式依赖进行缓存的
而调用方法总会再次执行函数
意义：
假设我们有一个性能开销比较大的计算属性 A，它需要遍历一个巨大的数组并做大量的计算。然后我们可能有其他的计算属性依赖于 A。如果没有缓存，我们将不可避免的多次执行 A 的 getter！如果你不希望有缓存，请用方法来替代。

条件渲染

不推荐同时使用 v-if 和 v-for
当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。