2021年11月14日

vue学习---key的作用以及原理

摘要：面试题：react、vue中的key有什么作用？（key的内部原理） 1. 虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： (1). 阅读全文

posted @ 2021-11-14 10:44 leiyanting 阅读(275) 评论(0) 推荐(0) 编辑

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 阅读(152) 评论(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 阅读(109) 评论(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 阅读(47) 评论(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 阅读(155) 评论(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 阅读(65) 评论(0) 推荐(0) 编辑

vue学习---深度监视

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

posted @ 2021-11-13 16:15 leiyanting 阅读(125) 评论(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 阅读(72) 评论(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 阅读(109) 评论(0) 推荐(0) 编辑

vue学习---计算属性

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

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

导航

2021年11月14日

2021年11月13日