2021年11月13日

vue学习---computed和watch之间的区别

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

posted @ 2021-11-13 20:09 leiyanting 阅读(170) 评论(0) 推荐(0)

vue学习---监视属性简写

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>天气案例_监视属性_简写</title>  <script type="text/javascript" src="../js/vue.js"></ 阅读全文

posted @ 2021-11-13 16:25 leiyanting 阅读(70) 评论(0) 推荐(0)

vue学习---深度监视

摘要：深度监视： (1).Vue中的watch默认不监测对象内部值的改变（一层）。 (2).配置deep:true可以监测对象内部值改变（多层）。备注： (1).Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以！ (2).使用watch时根据数据的具体结构，决定是否采用深度监视。阅读全文

posted @ 2021-11-13 16:15 leiyanting 阅读(132) 评论(0) 推荐(0)

vue学习---监视属性

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

posted @ 2021-11-13 16:14 leiyanting 阅读(76) 评论(0) 推荐(0)

vue学习---计算属性简写

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>姓名案例_计算属性实现</title>  <script type="text/javascript" src="../js/vue.js"></s 阅读全文

posted @ 2021-11-13 15:04 leiyanting 阅读(116) 评论(0) 推荐(0)

vue学习---计算属性

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

posted @ 2021-11-13 14:52 leiyanting 阅读(98) 评论(0) 推荐(0)

vue学习---键盘事件

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

posted @ 2021-11-13 11:18 leiyanting 阅读(201) 评论(0) 推荐(0)

vue学习---Vue中的事件修饰符

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

posted @ 2021-11-13 10:48 leiyanting 阅读(394) 评论(0) 推荐(0)

vue学习---事件的基本使用(v-on / @xxx)

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

posted @ 2021-11-13 10:22 leiyanting 阅读(184) 评论(0) 推荐(0)

vue学习---vue中的数据代理

摘要： 1.Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写） 2.Vue中数据代理的好处：更加方便的操作data中的数据 3.基本原理：通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性，都指定一个getter/ 阅读全文

posted @ 2021-11-13 10:01 leiyanting 阅读(97) 评论(0) 推荐(0)

vue学习---Object.defineproperty方法(理解数据代理简单实现数据双向数据绑定)

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>回顾Object.defineproperty方法</title> </head> <body> <script type="text/javascript" > let nu 阅读全文

posted @ 2021-11-13 09:22 leiyanting 阅读(33) 评论(0) 推荐(0)

vue学习---理解MVVM

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>理解MVVM</title>  <script type="text/javascript" src="../js/vue.js"></script 阅读全文

posted @ 2021-11-13 08:58 leiyanting 阅读(39) 评论(0) 推荐(0)

导航

2021年11月13日