2021年11月14日

vue学习---列表渲染(v-for)

摘要： v-for指令: 1.用于展示列表数据 2.语法：v-for="(item, index) in xxx" :key="yyy" 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文

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

vue学习---条件渲染

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

posted @ 2021-11-14 09:46 leiyanting 阅读(119) 评论(0) 推荐(0)

vue学习---绑定样式

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>绑定样式</title> <style> .basic{ width: 400px; height: 100px; border: 1px solid black; } .ha 阅读全文

posted @ 2021-11-14 08:20 leiyanting 阅读(53) 评论(0) 推荐(0)

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)

导航

2021年11月14日

2021年11月13日