一.v-if 和v-show的区别:
v-if:
适用于:切换频率很低的场景
特点:不展示的DOM节点直接被删除
v-show:
适用于:切换频率很高的场景
特点:不展示的DOM节点没有被删除,仅仅是使用样式隐藏掉
严重注意:使用v-if的时,DOM节点可能无法获取到,而使用v-show一定可以获取到DOM节点。
二.v-for指令:
1.用于展示列表数据
2.语法:v-for="(item, index) in arr" :key=“item.id”
3.可遍历:数组、对象、字符串
三.input
若是:<input type="text"/>,则v-model收集的是value值
若是:<input type="radio"/>,则v-model收集的是value值
若是:<input type="checkbox"/>
1.没有配置input的value属性,那么收集的的就是checked(勾选 or 未勾选,是布尔值)
2.配置input的value属性:
(1).v-model的初始值是非数组,那么收集的的就是checked(勾选 or 未勾选,是布尔值)
(2).v-model的初始值是数组,那么收集的的就是value组成的数组