Vue
叶子加油加油
一个热爱互联网,热爱web的程序媛
展开
-
【面试常考】vue.$nextTick()函数
1.vue.$nextTick()函数的作用: vue.$nextTick()函数用于延迟执行一段代码 vue.$nextTick()函数的使用场景: (1)假设在钩子函数created()中,要进行DOM操作,那一定要将这段逻辑放在vue.$nextTick()函数中,因为此时DOM还没有挂载,就去操作DOM是拿不到DOM的。 (2)vue中DOM的更新是异步的。如果一段代码依赖于某处DOM更新后的结果,那么这段代码要放在vue.$nextTick()函数中。 前置知识 vue生命周期 .原创 2020-12-26 11:48:56 · 211 阅读 · 1 评论 -
【面试常考】vue中的key的作用
问题:当我们在用的vue的v-for命令时,总是搭配key去使用,其中key的作用是什么? 答案:为了更准确的DOM Diff算法。通过给相同层级的节点设置key属性,其中key是标识每个节点的唯一值,这就避免了实际项目中在DOM更新的时候"就地更新”而带来的意外bug。 前置知识: DOM Diff算法 详细内容见官网-> ...原创 2020-12-26 11:49:05 · 1292 阅读 · 0 评论 -
【面试常考】vue中的data函数
问题:vue中的data为何一定要是函数? 官方答案:当一个组件被定义,data必须声明为一个返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。如果data仍是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供data函数,每次创建一个新实例后,我们能够调用data函数,从而返回初始数据的一个全新副本数据对象。 前置知识: JS浅拷贝、组件复用的实质 ...原创 2020-12-26 11:49:18 · 690 阅读 · 0 评论 -
【面试常考】v-if与v-show的区别
在Vue中,实现条件渲染有两种指令,v-if与v-show。 1.本质区别 vue-show本质就是通过设置标签属性display为none,来控制隐藏 vue-if是动态的向DOM树内添加或者删除DOM元素 2.性能 v-show只编译一次,后面的每次渲染其实就是控制css,开销较小 v-if会根据值的真假不停的销毁和创建DOM,开销较大 综上,故v-show性能更好一点 应用场...原创 2019-02-28 16:29:15 · 381 阅读 · 0 评论 -
【面试常考】Vue组件通信方式
1.常见组件通信场景大致有: (1)父子组件通信; (2)非父子组件通信。 2.组件间通信方式有: (1)父组件向子组件: 父组件通过props传递数据,包括一般数据、函数 (2)子组件向父组件: 术语:自定义事件 父组件通过$on监听事件,子组件通过$emit触发事件 (3)非父子组件通信(兄弟组件、跨级组件): 通过事件总线Bus来通信 你的点赞是对我最大的鼓励,ღ( ´・ᴗ・` )比...原创 2019-10-07 22:36:22 · 691 阅读 · 0 评论