vue(二)--条件语句

条件语句：v-if v-else v-else-if v-show

v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。

1.v-if

<body><div id="app">    <p v-if="seen">seen=true现在你看到我了</p>    <template v-if="ok">      <h1>ttttt</h1>      <p>技术！</p>      <p>哈哈哈，打字辛苦啊！！！</p>    </template></div>    <script>new Vue({  el: ''#app'',  data: {    seen: true,    ok: true  }})</script></body>

2.v-else

随机数:如若>0.5sorry 出现，否则not sorry出现

<body><div id="app">    <div v-if="Math.random() > 0.5">      Sorry    </div>    <div v-else>      Not sorry    </div></div>    <script>new Vue({  el: ''#app''})</script></body>

3.v-else-if

<body><div id="app">    <div v-if="type === ''A''">      A    </div>    <div v-else-if="type === ''B''">      B    </div>    <div v-else-if="type === ''C''">      C    </div>    <div v-else>      Not A/B/C    </div></div>    <script>new Vue({  el: ''#app'',  data: {    type: ''C''  }})</script></body>

4. v-show

<body><div id="app">    <h1 v-show="ok">Hello!</h1></div>    <script>new Vue({  el: ''#app'',  data: {    ok: true  }})</script></body>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。