零基础学习Vue: 第5课 Vue指令v-if、v-else-if、v-else 的使用:

零基础学习Vue: 第5课 Vue指令v-if、v-else-if、v-else 的使用:


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Documenttitle>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js">script>
head>
<body>
  <div id="app">
    
    <div v-if="a>2">我是v-ifdiv>
    <div v-else-if="a>3">我是v-else-ifdiv>
    <div v-else>我是v-elsediv>
  div>

  <script>
    let vm = new Vue({
      el:"#app",
      data:{
        a:1,
      }
    })
  script>
body>
html>

运行结果如下:


我是v-else

你可能感兴趣的:(vue)