计算属性(computed)：当模板内的数据需要做一些复杂操作的时候，就需要用到计算属性来解决，因为模板的设计初衷是用于简单运算的，在模板中放入太多的逻辑运算会让模板过重且难以维护，并且计算属性有缓存的功能，对于计算量特别大的逻辑运算，在不改变计算属性的依赖条件的时候，他会直接将上一次的结果直接拿过来而不是再重新计算一遍，相对于methods来说提高了性能，所以要使用计算属性。
计算属性缓存：
vue内部对计算属性做了缓存，他会观察计算属性所依赖的数据是否发生变化，如果没有就直接将上一次的计算结果拿过来更新到页面上，而不是重新开始计算，相比methods来说提高了性能，methods是每次都会对你所要进行的复杂的逻辑处理进行重新计算。
计算属性中的set和get方法：
计算属性一般没有set方法，只有读取
一般情况下set方法是不需要实现的，所以set方法就是一个空的，我们不希望别人随便给我们的计算属性设置值，所以我们就一般不写set方法，只剩get方法。get方法简写之后就只剩一个return.。
v-model表单绑定
表单控件在实际开发中是非常常见的。特别是用户信息的提交。需要大量的表单。
vue中使用v-model指令来实现表单元素和数据的双向绑定
v-model的底层实际上是量个指令：1、v-bind绑定一个value。2、v-on指令给当前元素绑定一个input事件。
组件化（我们将一个完整的页面分成很多个组件，每个组件都用于实现页面的一个功能块，而每一个组件又可以进行细分）：
如果我们将一个页面中的所有处理逻辑全部放在一起，处理起来就变的非常复杂，而且不利于管理及扩展，但如果我们将一个页面拆分成一个个小的功能快，每个功能块完成自己独立的功能，这样整个页面的管理和维护就变的非常容易了。
原文：https://www.cnblogs.com/xiaoshiqi/p/11545970.html