08_尚硅谷_Vue_条件渲染

你把剩下的给看一下，来看一下，再看一个简单的，因为都比较简单。把这两看下，一个叫条件渲染，这个也是无比简单的东西。条件渲染涉及到三个指令，V杠、if we else，以及什么呢？We树。这个都是用来去实现这一个标签的，什么显示。和隐藏的。来，我们先做点准备工作啊，这个准备工作以前你老是固定的，为什么说它好写，因为它的模式非常固定。井号M，接着对。对吧，好啊来啊，我这里写一个，譬如说我这里有个P啊叫成功了对吧，那成功了，我还有还有一种情况叫什么呢？失败了对吧，有可能成功，也有可能什么失败，那也就是说我应该是不是有一个标识属性，来去来标识是否成功了。

能懂不好，譬如说我叫我就叫OK，呃，这个OK的值应该什么类型，诶OK啊，不值类型是吧，那我假设先来一个force，那就什么应该要显示失败吧，那成功要显示么。不能显示。那这个地方我该怎么去写呢？大家看到这里面有两个，这里一个叫if，一个else，我们先用它来去组合看到啊。V。E对吧，因为你不用写，写的时候不用写啊，你你甚至写个if都写。看到了啊，它会去匹配的，好记着等于什么。就等于OK呗，对吧，那下面也就是说，如果它为真。那这个标签是不是就显示了，那这个里面怎么办呢。

Vega。啊，V-else。就写属性名就够这么写着，相当于写的这个。啊，如果你不写属性值，相当于你的属性值是个Q，能懂吧，而且这么写法啊，有点啰嗦，他支持这种写法。啊，你只写属性名，就代表着你的属性值是什么处。而且大家想if else else里面是不用写条件的。懂吧。那现在我还要搞件事情，叫切换。就是我一点这个项本来不是。Force吗？我一点就变成数，再一点变成。这个能不能懂好来这个这个什么at可等于是不是写个函数，我还不写，看着我我写的。

是吧，我这是先得到OK的是吧，给他取反又复制给什么。啊，老师应该写啊，写什么this，不用写this。能不能看懂啊，这样是不是比我去写一个写一个方法，在这里面再去写要方便一些，没能看懂啊，好，我们现在就来去跑一跑。啊，很多细节都能看出来，它其实是比较贴心的啊，OK。来，看着走。你们看到。啊，非常简单是吧。好，下面我要说，我们不还有个微数吗？好，微数也能实现这样类似的效果啊，类似的效果。好。来啊。

来啊，我写一个啊，譬如说呃，表白成功啊，再一个表白失败，看来是很难失败的。来。下面啊，我用什么呢？微数啊，如果OK就是表白成功了呗，啊都说OK了，肯定成功了是吧？好，关键是我这个表白失败什么时候才显示呢。没有没有什么else啦，Else是跟if匹配的那个，他也没有什么微干K的了，没有只有微甘素。你敢说，真慢。哪一个他吧。对不，你的是的时候他是不就出来啊。还中吧。好来看一下，那也就是说开始应该是什么。

Slide对吧，你切换一下不就成功了吗？能不能看到啊，OK。这好两个，也就是说这两套指定是不是实验效果一样了，大家说都一样了，为什么还成了两套了，对不对？肯定是多少有点区别吧。来看一下。看一下大家就懂了，你看现在我这个，你这个里面一共有几个P标签。三个嘛，但我的模板里面写几个。四个，诶，这不就很奇怪吗？那哪个写的不在哟。这个是那两个V杠数的对吧，诶这个什么杠。Else是什么？那个标签是没有啊。这个就在说我们要去隐藏一个元素，有两种做法。

一种通过样式。通过style就可以控制display long或者block，对吧，是不是就消失了。但是它那个元素是不是还在内存里面，只是没有显示吧，我要隐藏一个东西，除了给他隐藏一下还可以干嘛。给他移除。把他从那个内存里面给他是吧，删除掉给他干掉。那也就是说我们这两个。隐藏的方式做法一样吗？不一样。V-if他们做隐藏的时候怎么隐藏的？是把那个标签给它移除，而我V杠数了。通过样式来跟他什么隐藏移出了吗？没有内存中的对象是不是还在啊，好了，那下面就是说这个区别有什么意义呢？啊，有一定的意义，比如说。

是吧，我这个元素这一部分。这右边一个按钮很可能经常的什么呢，切换显示隐藏。我可能反复点对吧，那你说现在用哪个好啊。因为微秀只是说不显示在页面上面，但类型的对象还在是吧，但是if就不一样了。他隐藏的时候给他什么移除，那说明这显示的是什么？先在类型中是不是创建一个对象，再给它显示出来。这个能不能弄，那你要知道创建一个对象是不是需要时间的呀，那当然需要。你说老师那这样搞得V衣服不是没用了吗？是吧，搞得V衣服好像是完全被比下去了嘛。

是不，所以你说啊，其实这两个差别一般情况下没有那么大。你不能说好，我用微速啊，非常牛逼，非常快啊，瞬间就出来了，我用了V半天才出来。啊，这个基本上一般情况下是不会有太大差别的，除非说你有一个特别大的一个一个标签，就是特别大一片。啊，有一个显示隐藏。对吧，那你这个时候还是多少会有一定影响。听懂吧，如果我一共就几个标签。那其实影响不太大。听懂吗？但是呢，其实V它也有好处的，只是这个好处呢，现在啊不太好说，等到我们后面讲项目的时候。就需要为衣服的一个好处啊。现在大家可以不用管它，只需要知道啊V要隐藏世界上移除是吧？而微数呢？是display，为什么long隐藏的啊，先知道这一个区别再说啊，后面的学了我们再说。

这个其实是整个里面最简单的一个了。