安静点-- - 博客园

2022年12月23日

摘要：条件渲染 1.v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景。特点：不展示的DOM元素直接被移除。注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。 2. 阅读全文

posted @ 2022-12-23 22:18 安静点-- 阅读(34) 评论(0) 推荐(0)

Vue 绑定样式

摘要：绑定样式 1. class样式写法:class="xxx" xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。 2. style样式 :st 阅读全文

posted @ 2022-12-23 21:57 安静点-- 阅读(46) 评论(0) 推荐(0)

2022年12月22日

Vue监视属性和计算属性对比

摘要： computed和watch之间的区别 1.computed能完成的功能，watch都可以完成。 2.watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作。两个重要的小原则： 1.所被Vue管理的函数，最好写成普通函数，这样this的指向才是vm 或组件实例对象阅读全文

posted @ 2022-12-22 22:22 安静点-- 阅读(32) 评论(0) 推荐(0)

Vue之监视属性

摘要：监视属性watch 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法： (1).new Vue时传入watch配置 (2).通过vm.$watch监视 <!DOCTYPE html> <html> <head> <meta c 阅读全文

posted @ 2022-12-22 22:07 安静点-- 阅读(157) 评论(0) 推荐(0)

2022年12月16日

Vue计算属性

摘要：计算属性 1.定义：要用的属性不存在，要通过已有属性计算得来。 2.原理：底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行？ (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 4.优势：与methods 阅读全文

posted @ 2022-12-16 23:07 安静点-- 阅读(41) 评论(0) 推荐(0)

Vue键盘事件

摘要： Vue中常用的按键别名：回车 => enter 删除 => delete (捕获“删除”和“退格”键) 退出 => esc 空格 => space 换行 => tab (特殊，必须配合keydown去使用) 上 => up 下 => down 左 => left 右 => right 2.Vue未阅读全文

posted @ 2022-12-16 22:57 安静点-- 阅读(72) 评论(0) 推荐(0)

2022年12月14日

Vue事件修饰符

摘要： Vue中的事件修饰符： 1.prevent：阻止默认事件（常用）； 2.stop：阻止事件冒泡（常用）； 3.once：事件只触发一次（常用）； 4.capture：使用事件的捕获模式； 5.self：只有event.target是当前操作的元素时才触发事件； 6.passive：事件的默认行为立即阅读全文

posted @ 2022-12-14 23:08 安静点-- 阅读(79) 评论(0) 推荐(0)

Vue事件的处理

摘要：事件的基本使用： 1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名； 2.事件的回调需要配置在methods对象中，最终会在vm上； 3.methods中配置的函数，不要用箭头函数！否则this就不是vm了； 4.methods中配置的函数，都是被Vue所管理的函数，this的指阅读全文

posted @ 2022-12-14 22:42 安静点-- 阅读(30) 评论(0) 推荐(0)

2022年12月11日

Vue数据代理

摘要：数据代理下面是最简单的数据代理，就是通过set方法来间接的更改了obj1的数据。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>何为数据代理</title> </head> <body> <!-- 数据代理：通过一个对象阅读全文

posted @ 2022-12-11 23:07 安静点-- 阅读(59) 评论(0) 推荐(0)

Object.defineproperty

摘要： Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性 Object.defineproperty 参数 Object.defineproperty方法需要传递3个参数 Object.defineproperty（obj, prop, des 阅读全文

posted @ 2022-12-11 22:50 安静点-- 阅读(35) 评论(0) 推荐(0)

公告