v-if 和v-show 的区别

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 的区别