摘要: 使用 v-for 做列表渲染 我们可以用 v-for 指令基于一个数组来渲染一个列表,用于展示列表数据。 语法: v-for = "(item, index) in items" :key="xxx" 或者 v-for = "(item, index) of items" :key="xxx" 这里 阅读全文
posted @ 2023-09-19 22:48 马铃薯1 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 使用 v-if 做条件渲染 写法: 1)v-if = "表达式" 2)v-else-if = "表达式" 3)v-else = "表达式" 或 简写为 v-else 适用于:切换频率较低的场景 特点:不展示的DOM元素直接被移除 注意:v-if 可以和 v-else-if 、v-else 一起使用, 阅读全文
posted @ 2023-09-19 16:27 马铃薯1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: class 与 style 绑定 1)在应用界面中,某个(些)元素的样式是变化的 2)class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法: v-bind:class = "xxx" 或 :class = "xxx" ,xxx 可以是字符串、对象、数组 1) 阅读全文
posted @ 2023-09-19 11:11 马铃薯1 阅读(8) 评论(0) 推荐(0) 编辑