前端有关vue的面试题

1.vue的虚拟dom？

虚拟的DOM的核心思想是：对复杂的文档DOM结构，提供一种方便的工具，进行最小化地DOM操作。

2.如何理解vue中MVVM模式？

MVVM全称是Model-View-ViewModel；vue是以数据为驱动的，一旦创建dom和数据就保持同步，每当数据发生变化时，dom也会变化。DOMListeners和DataBindings是实现双向绑定的关键。DOMListeners监听页面所有View层DOM元素的变化，当发生变化，Model层的数据随之变化；DataBindings监听Model层的数据，当数据发生变化，View层的DOM元素随之变化。

3.vue中<keep-alive>的作用？

把切换出去的组件保留在缓存中，可以保留组件的状态或者避免重新渲染。

4.vue生命周期的理解？

总共分为8个阶段：

beforeCreate----创建前   组件实例更被创建，组件属性计算之前，数据对象data都为undefined，未初始化。
created----创建后   组件实例创建完成，属性已经绑定，数据对象data已存在，但dom未生成，$el未存在
beforeMount---挂载前   vue实例的$el和data都已初始化，挂载之前为虚拟的dom节点，data.message未替换
mounted-----挂载后   vue实例挂载完成，data.message成功渲染。
beforeUpdate----更新前   当data变化时，会触发beforeUpdate方法
updated----更新后   当data变化时，会触发updated方法
beforeDestory---销毁前   组件销毁之前调用
destoryed---销毁后   组件销毁之后调用，对data的改变不会再触发周期函数，vue实例已解除事件监听和dom绑定，但dom结构依然存在

5.组件之间的传值通信？

父组件向子组件传值：

1）子组件在props中创建一个属性，用来接收父组件传过来的值；

2）在父组件中注册子组件；

3）在子组件标签中添加子组件props中创建的属性；

4）把需要传给子组件的值赋给该属性

子组件向父组件传值：

1）子组件中需要以某种方式（如点击事件）的方法来触发一个自定义的事件；

2）将需要传的值作为$emit的第二个参数，该值将作为实参传给响应事件的方法；

3）在父组件中注册子组件并在子组件标签上绑定自定义事件的监听。
---------------------
作者：dd虨煷
来源：CSDN
原文：https://blog.csdn.net/a1426152747/article/details/79727777
版权声明：本文为博主原创文章，转载请附上博文链接！

前端有关vue的面试题相关推荐

前端关于Vue的面试题（五）
55.vue组件的scoped属性的作用当 <style> 标签有scoped 属性时,它的 CSS 只作用于当前组件中的元素你可以在一个组件中同时使用有 scoped 和非scop ...
vue如何获取年月日_好程序员web前端教程分享Vue相关面试题
好程序员web前端教程分享Vue相关面试题,Vue是一套构建用户界面的渐进式框架,具有简单易用.性能好.前后端分离等优势,是web前端工程师工作的好帮手,也是企业选拔人才时考察的重点技能.接下来好程序 ...
【前端面试】39道Vue高频面试题，亲测有效！！！快来看看呀！！
Vue高频面试题 1.说下你常用的Vue指令? v-bind:动态绑定数据 v-on:绑定事件监听器 v-for:循环指令,可以循环数组或对象 v-model:实现双向绑定 v-if:根据表达式的真假 ...
Vue相关面试题及答案分享
Web前端重点技能是什么?Vue相关面试题有哪些?Vue是一套构建用户界面的渐进式框架,具有简单易用.性能好.前后端分离等优势,是Web前端工程师工作的好帮手,也是企业选拔人才时考察的重点技能.接下来 ...
前端面试---Vue部分考点梳理
一. Vue的使用 1. Vue的基本使用指令插值插值表达式指令动态属性 v-html 会有XSS风险会覆盖子组件 computed 和 watch computed 有缓存 data不 ...
vue 离开页面事件_【必看】58 道 Vue 常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度...
△ 是新朋友吗?记得先点web前端学习圈关注我哦- 1.vue优点? 答: 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb : 简单易学:国人开发,中文文档,不存在语言障碍 , ...
前端—每天5道面试题（7）
前端-每天5道面试题(7) 每天背5道前端面试题,你会越来越优秀 1.webpack 中 loader 和 plugin 的区别是什么? loader:loader 是一个转换器,将 A 文件进行编译 ...
前端—每天5道面试题（6）
前端-每天5道面试题(6) 每天背5道前端面试题,希望我可以在远方的终点见到你 1.谈谈JS 异步解决方案的发展历程以及优缺点. 1.回调函数(callback) 优点:解决了同步的问题(只要有一个任 ...
前端—每天5道面试题（4）
前端-每天5道面试题(4) 每天背5道前端面试题,希望我可以在远方的终点见到你 1.写 React / Vue 项目时为什么要在列表组件中写 key, 其作用是什么? key 是给每一个 vnode ...

前端有关vue的面试题

前端有关vue的面试题相关推荐

最新文章

热门文章