一起来学习vue吧（v-if,v-else,v-else-if）

话不多说，咱们直接上代码

                

111

                

222

    
            

            

                

333

                

444

    
            

思考一下输出的会是什么？

当然，答案肯定是333。

其实这就和咱们之前学的大部分计算机语言的if, else,else if语法是一样的。

在执行v-if的时候判断是false，所以就直接不执行v-if盒子里面的程序了，所以111和222就可以直接逃过，来到第二个盒子v-else，这时候判断v-else盒子里面的v-if，是true，所以执行当前盒子里面的333，下面的444就不会再执行了，因为他是判断语句，所以在执行到true的时候程序就会停止。

=======================================================================下面我们来看一下v-else-if

老样子，直接上代码

今天是周1

            

今天是周2

            

今天是周3

            

今天是周4

            

今天是周5

            

今天是周6

            

今天是周7

            

格式错误

好的，这次大家应该知道输出的是什么了吧

就是今天是周5这句话。

这里咱们就是用做比较。==就是等于的意思。咱们用data里面的day去和数字一一做比较，如果对上了，就输出，如果对不上，就往下执行。

咱们先和1做对比day==1，咱们的已经在data里面赋值了，是5（day：5），因为5不等于1，所以判断为false，继续往下执行，一次类推，到了咱们day==5的时候，这时候5等于5，判断为true，则执行输出，不在往下执行判断，所以输出的为今天是周5

好了，今天v-if和v-else还有v-else-if就这么多，想要继续拓展的可以自己想个案例去做，只要思路正确，就不会出错。