Vue.js

计算属性

计算属性的本质上是一个属性，当需要将多个数据整合起来渲染到页面时，我们可以使用计算属性进行逻辑上整合

如图所示，当我们需要进行积分的统计时，我们可以预先使用计算属性进行逻辑运算，再进行渲染到页面。

v-if和v-show

v-if会在切换条件的过程中进行销毁和创建
v-show不管初始条件是什么，总会被渲染，并且只是基于css进行的
如果需要频繁切换，使用v-show。
比如切换登录方式，有邮箱登录和手机登录，在登录时输入的内容，如果没有提交的话，进行登录方式切换，当再次切换回去的话，如果使用v-if，之前输入的内容会被销毁又重新创建，而v-show则会保存之前输入的内容。

key的作用