vue 分支结构

分支循环结构

分支循环结构指令

• v-if
• v-else
• v-else-if
• v-show

v-if 指令

可以直接在元素中添加指令，添加判断的值

 

 最后运行可以得到结果是：

 v-show

v-show的实现原理是通过display来控制该元素显示或者不显示，但是会存在页面中。

通过在元素中添加的指令，值为true或false。当为false时，该元素不显示

 

 

 

 

 v-if 和 v-show 的区别

v-if控制元素是否渲染到页面上

v-show控制元素是都显示在页面上（元素已经渲染到页面）