vue 给取data值_Web前端重点技能是什么 Vue相关面试题有哪些

╰+哭是因爲堅強的太久メ 2023-01-03 01:27 4阅读 0赞

Web前端重点技能是什么？Vue相关面试题有哪些？Vue是一套构建用户界面的渐进式框架，具有简单易用、性能好、前后端分离等优势，是Web前端工程师工作的好帮手，也是企业选拔人才时考察的重点技能。接下来千锋小编就给大家分享一些Vue相关的面试题，帮助大家提升竞争力。

![3651fbd09e1111bf70b3a4ea997029aa.png][]

你对Vue生命周期的理解?

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载等一系列过程，我们称这是Vue的生命周期。

Vue组件如何通信?

Vue组件通信的方法如下:

props $emit+v-on: 通过props将数据自上而下传递，而通过$emit和v-on来向上传递信息。

EventBus: 通过EventBus进行信息的发布与订阅;

vuex: 是全局数据管理库，可以通过vuex管理全局的数据流;

$attrs $listeners: Vue2.4中加入的$attrs/$listeners可以进行跨级的组件通信;

provide/inject：以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效，这成为了跨组件通信的基础。

Vue如何实现双向绑定?

利用Object.defineProperty劫持对象的访问器,在属性值发生变化时我们可以获取变化,然后根据变化进行后续响应,在vue3.0中通过Proxy代理对象进行类似的操作。

如何理解Vue的响应式系统的?

响应式系统简述:任何一个 Vue Component都有一个与之对应的Watcher实例。Vue的data上的属性会被添加getter和setter属性。当Vue Component render函数被执行的时候,data上会被 触碰(touch),即被读, getter方法会被调用, 此时Vue会去记录此Vue component所依赖的所有data。(这一过程被称为依赖收集)

data被改动时(主要是用户操作),即被写,setter方法会被调用, 此时Vue会去通知所有依赖于此data的组件去调用他们的render函数进行更新。

Vue中的key到底有什么用?

key是为Vue中的vnode标记的唯一id,通过这个key,我们的diff操作可以更准确、更快速。

准确: 如果不加key,那么vue会选择复用节点(Vue的就地更新策略),导致之前节点的状态被保留下来,会产生一系列的bug。

快速: key的唯一性可以被Map数据结构充分利用,相比于遍历查找的时间复杂度O(n),Map的时间复杂度仅仅为O(1)。

computed和watch有什么区别?

computed:

computed是计算属性,也就是计算值,它更多用于计算值的场景;

computed具有缓存性,computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算;

computed适用于计算比较消耗性能的计算场景。

watch:

更多的是「观察」的作用,类似于某些数据的监听回调,用于观察props $emit或者本组件的值,当数据变化时来执行回调进行后续操作;

无缓存性，页面重新渲染时值不变化也会执行。

当然，根据企业中对Web前端人才的岗位职责规定不同，面试考察的重点也不尽相同。如果你想了解更多Web前端面试题或掌握更多面试技巧，可以专业学习一下，为自己搭建一个职场高起点!

[3651fbd09e1111bf70b3a4ea997029aa.png]: /images/20221119/1eab2fab062e440da127d9c4d9bcca7e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关前端vue面试题

Vue3有了解过吗？能说说跟vue2的区别吗？ 1. 哪些变化 ![ae225d7934beccaf0eaf72e5d0d70bc7.png][] 从上图中，我们可以

逃离我推掉我的手/ 2024年03月16日 20:12/ 0 赞/ 83 阅读

相关 web前端面试高频考点——Vue面试题

以下问题的详细解答，参照下面链接： <table> <thead> <tr> <th>内容</th> <th>参考链接</th> </tr>

冷不防/ 2023年09月28日 22:18/ 0 赞/ 33 阅读

相关 Vue 生命周期有哪些？作用是什么？

什么是vue的生命周期 Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程，这是 Vue 的生命周期 vue的生命周期的八个

野性酷女/ 2023年07月20日 10:42/ 0 赞/ 30 阅读

相关 Vue相关面试题-常用的loader和它们的作用？web前端三大框架有哪些优缺点？

常用的 loader 和它们的作用 `style-loader` 将 css 添加到 DOM 的内联样式标签 style 里 `css-loader` 允许将

柔情只为你懂/ 2023年06月13日 04:35/ 0 赞/ 3 阅读

相关前端vue面试题

生命周期函数面试题 1.什么是 vue 生命周期 2.vue生命周期的作用是什么 3.第一次页面加载会触发哪几个钩子 4.简述每个周期具体

ゞ浴缸里的玫瑰/ 2023年02月21日 06:34/ 0 赞/ 2 阅读

相关 vue 给取data值_Web前端重点技能是什么 Vue相关面试题有哪些

　　Web前端重点技能是什么？Vue相关面试题有哪些？Vue是一套构建用户界面的渐进式框架，具有简单易用、性能好、前后端分离等优势，是Web前端工程师工作的好帮手，也是企业选拔

╰+哭是因爲堅強的太久メ/ 2023年01月03日 01:27/ 0 赞/ 5 阅读

相关 [Vue]vue核心面试题：组件中的data为什么是一个函数

1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次

淩亂°似流年/ 2022年12月15日 00:59/ 0 赞/ 292 阅读

相关前端Vue.js框架是什么？有哪些特点？

前端VUE.js框架是什么？有哪些特点？Vue.js是一个前端框架，用于构建用户界面的渐进式框架。在Vue中一个核心的概念是让用户不再操作DOM元素解放了用户的双手，让程序员可

曾经终败给现在/ 2022年11月16日 00:59/ 0 赞/ 349 阅读

相关前端Vue.js框架是什么？有哪些特点？

前端Vue.js框架是什么？有哪些特点？Vue.js是一个前端框架，用于构建用户界面的渐进式框架。在Vue中一个核心的概念是让用户不再操作DOM元素解放了用户的双手，让程序员可

ゝ一纸荒年。/ 2022年09月04日 02:59/ 0 赞/ 351 阅读

相关 vue相关面试题

1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双

忘是亡心i/ 2022年01月16日 00:51/ 0 赞/ 434 阅读