摘要: 一、基础 1、v-for用来展示列表数据 2、语法 v-for="(value, index) in xx" :key="唯一标识" 3、可遍历:数组、对象、字符串 注意:先是值,再是索引 注意:key="",key等于的值是唯一标识 <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2024-12-30 21:06 市丸银 阅读(20) 评论(0) 推荐(0)
摘要: 一、v-show 写法:v-show="表达式" 适用于切换频率较高的场景 特点:不展示的DOM元素未被移除,仅仅是隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont 阅读全文
posted @ 2024-12-30 20:35 市丸银 阅读(19) 评论(0) 推荐(0)
摘要: 一、class样式 写法:class="xxx",xxx可以是字符串、数组、对象 字符串写法适用于 类名不确定 要动态获取 数组写法适用于:绑定多个样式,个数不确定,名字也不确定 对象写法适用于:要绑定多个样式,个数确定,名字也确定,不确定是否使用{a:false, b:false} 二、style 阅读全文
posted @ 2024-12-30 19:48 市丸银 阅读(9) 评论(0) 推荐(0)
摘要: 监视属性 1、监视对象:普通属性、计算属性 2、当监视对象发生变化时,watch中的handler函数自动调用 3、常用属性 immediate:true 立刻执行,无论监视对象发没发生变化 depp: true 深度属性监视,一般只监视一层 4、两种写法 new Vue 传入 watch watc 阅读全文
posted @ 2024-12-30 15:50 市丸银 阅读(46) 评论(0) 推荐(0)
摘要: 1、定义:要用的属性不存在,要通过已有的属性计算 2、get函数 初次读取,执行一次,有缓存,当计算属性所依赖的属性发生变化事,计算属性发生变化 当只需要实现get函数时,可以简写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- 阅读全文
posted @ 2024-12-30 14:20 市丸银 阅读(11) 评论(0) 推荐(0)