1. if判断
1.1简单判断
此时我们给day赋值为3
v-if 指的是当条件符合时,直接执行语句
v-else-if 指的是当if条件不符合时,就会往下面继续判断,当执行到自己这一条且判断成功后
就会执行语句
v-else 指的是当所有 if 条件都不符合时,就会执行else里面的语句
1.2 常见错误
当我们出现这种问题时,其实是我们的代码出现了错误,并且明确的告诉了你在第8行有错误
由于多添加了一对标签<view></view>,所以导致在编译的时候,第八行的 v-else-if 没获取到上
一个的if 所以就会出现问题
1.2.1 解决方案:
也就是说在使用 v-if 和 v-else-if 和 v-else 判断的时候,中间不能有其他的任何代码(空格无关)
2.show判断
2.1 show表达式的概念
v-show 表达式与 v-if 相似,都是控制显示与隐藏的
但是区别就在于页面的源代码中
2.1.1隐藏
现在我们给它设置一个 false 也就是隐藏
此时我们可以发现,《你好》这个词确实是隐藏了,但是我们打开源代码会发现
在源代码中,show的仅仅是display 属性设置了不可见而已,但 if 中的代码确确实实被删除了
也就是说 show 只是让你看不到,但是电脑还能看到,而 if 中的代码不仅你看不到,连电脑也看
不到了
2.1.2 显示
重新给show的值设为true
此时我们不仅能在页面上看见,连电脑也能看见,并且在display的属性也是block可见的属性
那么这就是 if 和show 的区别