vue面试题
文章平均质量分 93
尤雨东
了解真相,你才能获得真正的自由!
展开
-
玩转vue面试题系列5 结合源码分析面试题
文章目录22. `v-if`和`v-for`那个优先级高23. `v-if`,`v-model`,`v-for`的实现原理是什么v-model24. `Vue`中的`slot`是如何实现的?什么时候使用它?25. `Vue.use`是干什么的?原理是什么?26. `Vue`事件修饰符有哪些?及其实现原理是什么?27. `Vue`中的 `.sync` 修饰符的作用,用法及其实现原理28. 如何理解自定义指令29. `keep-alive`平时在哪里使用?原理是什么30. 组件中写`name`选项有哪些好处及作原创 2022-05-03 14:04:32 · 566 阅读 · 0 评论 -
玩转vue面试题系列4 结合源码分析面试题
16. 谈谈对Vue组件化的理解组件的优点:组件的复用可以根据数据渲染对应的组件。把组件相关的内容放在一起,方便复用,方便维护。合理的规划组件,可以做到更新视图的时候是组件级别的更新,不会过于消耗性能。vue中是如何处理组件的?需要使用API,Vue.extend。根据用户传入的对象生成一个组件的构造函数。根据组件产生对应的虚拟节点。我们会在生成虚拟节点前,在组件的data中加入一个hook。(data:{hook:{init(){}}})做组件初始化,将虚拟节点转换为真实节点(组件的原创 2022-05-01 13:41:09 · 695 阅读 · 1 评论 -
vue的diff算法是如何实现的
diff算法diff算法:在之前的更新中,每次数据更新,在更新视图时,都是完全产生新的虚拟节点,通过新的虚拟节点生成真实节点,用新生成的真实节点替换所有的老节点。这种方法在页面元素很少的情况下性能销毁倒是无所谓,但是在页面元素特别多情况下,很明显是消耗很大性能的。哪怕我只是修改了一个dom的文本内容,也都需要重新生成一遍所有节点。(因为现在只有一个组件)第一次渲染的时候,我们会产生虚拟节点,第二次更新我们也会调用render方法产生新的虚拟节点,我们需要对比两次的vnode,找到需要更新的部分进行更原创 2022-04-17 17:31:55 · 1015 阅读 · 0 评论 -
mini-vue之组件的实现和渲染流程 以及局部和全局组件建立的联系
实现组件Vue中,一般一个项目只有一个根组件,也就是 new Vue产生的app。但是一个页面不可能只由一个组件构成,很明显我们需要实现自定义组件。vue中提供了两种自定义组件的方式:全局组件局部组件组件的使用流程:在任意一个组件中,都可以使用其他组件。当我们在一个组件中使用其他组件的时候,会先去组件内部的局部组件中找是否定义过该组件,如果定义了,则直接使用该局部组件;如果没有定义局部组件,则去全局组件中寻找(和js中的原型,原型链很像了)。所以vue内部很可能也是利用类似于继承的这种模型原创 2022-04-18 14:16:32 · 616 阅读 · 0 评论 -
搭建vue源码的阅读环境
源码阅读安装源码依赖 npm installnpm run dev是否可以打包成功代码结构:bechmarks:该目录是做性能测试的dist:最终打包的结果都放到了该目录examples:官方案例flow:类型检测(vue2使用,类似于ts,但是没有ts好用)packages:放的都是一些源代码包,模块。(vue源码中包含了weex)scripts:所有打包的脚本都放在这里scr:源代码目录scr目录:compiler:模板编译core:vue2核心代码包platfor原创 2022-04-18 16:59:08 · 622 阅读 · 0 评论 -
玩转Vue面试题系列结合源码分析(2)
文章目录`Vue`中如何检测数组变化?`Vue`中如何进行依赖收集?如何理解`vue`中模板编译原理`Vue`生命周期钩子是如何实现的生命周期的价值`Vue`的生命周期方法有哪些?一般在哪一步发送请求及其原因上文:vue面试题及其结合源码分析Vue中如何检测数组变化?vue中检测数组的变化并没有使用defineProperty,因为修改索引的情况不多(且直接使用defineProperty会浪费大量性能,如果数组一万项,我们需要拦截一万次?)所以在vue中是重写数组的变异方法来实现的响应式(函数劫持)原创 2022-04-20 23:09:18 · 965 阅读 · 0 评论 -
玩转vue面试题系列3 结合源码分析面试题
文章目录7. `Vue.mixin`的使用场景和原理8. `Vue`组件data为什么必须是个函数?9. `nextTick`在哪里使用?使用原理?10. `computed`和`watch`的区别11. `Vue.set`方法是如何实现的12. `Vue`为什么需要虚拟dom13. `Vue`中`diff`算法原理14. 既然`Vue`通过数据劫持可以精准探测数据变化,为什么还需要虚拟dom进行`diff`检测差异15. 请说明`Vue`中key的作用和其原理,谈谈你对它的理解上文: 玩转Vue面试题系原创 2022-04-22 19:32:21 · 1765 阅读 · 0 评论