v-if

判断是否隐藏

v-for

数据循环

v-bind

绑定一个属性

v-model

实现双向绑定

key

当有相同标签名的元素切换时，需要通过 key特性设置唯一的值来标记以让 Vue 区分它们，否则 Vue 为了效率会替换相同标签内部的内容

避免v-if和v-for共用

当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，通过v-if 移动容器元素，不会再重复遍历列表中的每个值，而只检查它一次，且不会在 v-if 为否的时候运算 v-for