在学习v-if和v-else时做了一个登录注册切换的案例,但是当我们一开始在注册里输入邮箱时,发现其实已经有账号,但是当我们切换到登录方法以后,之前输入的内容还在,这其实是不合理的....这是因为vue在进行DOM渲染时,出于性能考虑,会尽可能的复用已经存在的元素,而不是重新创建新的元素
此时需要在input中添加key属性,只要key的值不同,那么就不会复用input了
v-show...我们来看看v-if和v-show的区别
isShow都为true时:
现在手动将data里面的isShow改为false:
两个都消失了,但是我们查看一下元素
可以发现,v-if...开发中的选择:
当需要在显示与隐藏之间切换很频繁时,用v-show
当只有一次切换时,使用v-if
v-for
当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成
v-for遍历数组...// true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中
// false: 当返回false时, 函数内部会过滤掉这次的n
const nums = [10,