vue.js笔记4（js条件语句与循环语句）

最新推荐文章于 2022-05-30 10:31:48 发布

爱好者ccc

最新推荐文章于 2022-05-30 10:31:48 发布

阅读量272

点赞数

分类专栏： vue 文章标签：条件语句循环语句

本文链接：https://blog.csdn.net/China_C_boss/article/details/103974275

版权

本文详细介绍了Vue.js中的条件语句和循环语句。在条件语句中，提到了v-if、v-else-if和v-else的使用方式。在循环语句部分，讲解了v-for与不同数据类型结合的用法，包括数组迭代、键值对迭代和整数迭代，并给出了相应的代码示例。

摘要由CSDN通过智能技术生成

vue条件语句：

vue中的条件语句，四种模式：

1：v-if：如果是就做

2：v-if + v-else-if + v-else-if+...：就像1是那个做那个

3：v-if + v-else-if + v-else-if+...+v-else：前面和2一样，如果都不成立就执行v-else

4：v-if+v-else：如果是做v-if，否则v-else


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