关于vue.js:P6-vue-条件渲染-vif-vshow

v-if 简略实例

<script>
export default {
  data() {
    return {
      age: 6
    };
  },
};

</script>


<template>
  <div>
    <p v-if="age>18"> 我是成年人</p>
    <p v-if="age<=18"> 我是未成年人</p>
  </div>
</template>

<style>

</style>

v-else

v-else-if

<script>
export default {
  data() {
    return {
      age: 18
    };
  },
};

</script>


<template>
  <div>
    <p v-if="age>18"> 我是成年人</p>
    <p v-else-if="age==18">正好成年</p>
    <p v-else> 我是未成年人</p>
  </div>
</template>

<style>

</style>