乐趣区

关于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>





退出移动版