vue的条件判断，指令v-if、v-show

1.vue的条件判断

1.vue的条件判断：
    v-if、v-else-if、v-else，这三个指令与JS的条件语句if、else、else if类似。
    Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件。

2.指令v-if
   :可以用v-if指令的条件(判断)值来决定DOM的元素是否渲染出来；

3.使用方法：
    v-if="表达式"

<div id="app">
  <h2 v-if="true">{
   {
   message}}</h2>
  <h2 v-if="false">{
   {
   message}}</h2>
  //指令v-if :条件为true时，将message渲染出来，条件为false时，不渲染出来

  <h2 v-if="show">
    <div>abc</div>
    <div>abc</div>
    <div>abc</div>
  </h2>
  //用data中的自定义数据show作为条件，则可以动态修改条件
</div>

<script>
  const app = new Vue({
   
    el:"#app",
    data:{
   
      message:"你好啊",
      show:true
    }

  })
</script>

2.v-if和v-else的结合使用

  v-if   :当表达式条件满足时，显示该指令元素里面的内容；
  v-else : 否则表达式条件不满足，显示该指令元素里面的内容；

<div id="app">
  <h2 v-if