摘要：
注意：在vm(data)的根数据，不能使用 Vm.set() /vm.$set() 一、监视 1、vue会监视data中所有层次的数据、 2、对象数据 a、对象中添加属性，vue默认不做响应 b、对象添加属性，vue做响应，通过如下api Vue.set(target, 属性, 值) vue.$se 阅读全文
posted @ 2024-12-31 16:15
市丸银
阅读(659)
评论(0)
推荐(0)
摘要：
一、基础 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
市丸银
阅读(44)
评论(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
市丸银
阅读(39)
评论(0)
推荐(0)
摘要：
一、class样式 写法:class="xxx"，xxx可以是字符串、数组、对象 字符串写法适用于 类名不确定 要动态获取 数组写法适用于：绑定多个样式，个数不确定，名字也不确定 对象写法适用于：要绑定多个样式，个数确定，名字也确定，不确定是否使用{a:false, b:false} 二、style 阅读全文
posted @ 2024-12-30 19:48
市丸银
阅读(32)
评论(0)
推荐(0)
摘要：
监视属性 1、监视对象：普通属性、计算属性 2、当监视对象发生变化时，watch中的handler函数自动调用 3、常用属性 immediate：true 立刻执行，无论监视对象发没发生变化 depp: true 深度属性监视，一般只监视一层 4、两种写法 new Vue 传入 watch watc 阅读全文
posted @ 2024-12-30 15:50
市丸银
阅读(82)
评论(0)
推荐(0)
摘要：
1、定义：要用的属性不存在，要通过已有的属性计算 2、get函数 初次读取，执行一次，有缓存，当计算属性所依赖的属性发生变化事，计算属性发生变化 当只需要实现get函数时，可以简写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- 阅读全文
posted @ 2024-12-30 14:20
市丸银
阅读(45)
评论(0)
推荐(0)
摘要：
一、事件处理 1、使用v-on:xxx 或xxx 绑定事件，其中xxx是事件名 2、methods中函数不能是箭头函数 3、@click="test" 和@click="test($event)"一样，后者能传参 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2024-12-27 22:25
市丸银
阅读(44)
评论(0)
推荐(0)
摘要：
1、概念 通过vm对象来代理data对象中属性的操作(读/写) 2、好处 更方便操作data中的数据 3、基本原理 通过Object.defineProperty()把data中的属性添加到vm中 为每一个添加到vm上的属性，都指定一个getter/setter 在gettter/setter内部去 阅读全文
posted @ 2024-12-27 21:12
市丸银
阅读(35)
评论(0)
推荐(0)
摘要：
MVVM模型 M：模型(Model)，data中的数据 V：视图(View)，模板代码 VM：视图模型(ViewModel)：Vue实例化 1、data中的所有属性都出现在vm对象身上 2、vm身上的所有属性及Vue原型的所有属性，在Vue模板中可以直接使用 <!DOCTYPE html> <htm 阅读全文
posted @ 2024-12-27 20:30
市丸银
阅读(27)
评论(0)
推荐(0)
摘要：
一、el 1、实例化Vue对象时，写在内部 2、实例化Vue对象后，挂载容器 对象.$mount(id选择器) 二、data 1、对象式 2、函数式 注意：写成一般函数(一般函数在对象中可简写)，不能写成箭头函数 案例 <!DOCTYPE html> <html lang="en"> <head> 阅读全文
posted @ 2024-12-27 10:31
市丸银
阅读(31)
评论(0)
推荐(0)
浙公网安备 33010602011771号