Vue 面试题
1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程?
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用?
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用?
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么?
14.说一下 Vue 和 React 的认识,做一个简单的对比
15.Vue 的 nextTick 的原理是什么?
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解?
19.vue-cli 替我们做了哪些工作?
如果你觉得对你有帮助,可以戳这里获取:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
(2)组件之间的数据共享
2.1 组件之间的关系
在项目开发中,组件之间的最常见的关系分为如下两种:
-
父子关系
-
兄弟关系
2.2 父子组件之间的数据共享
父子组件之间的数据共享又分为:
-
父 → 子共享数据
-
子 → 父共享数据
2.2.1 父组件向子组件共享数据
父组件向子组件共享数据需要使用自定义属性。示例代码如下:
2.2.2 子组件向父组件共享数据
子组件向父组件共享数据使用自定义事件。示例代码如下:
2.3 兄弟组件之间的数据共享
在 vue2.x 中,兄弟组件之间数据共享的方案是EventBus。
😆EventBus 的使用步骤😆:
-
创建
eventBus.js
模块,并向外共享一个 Vue 的实例对象; -
在数据发送方,调用
bus.$emit
(‘事件名称’, 要发送的数据) 方法触发自定义事件; -
在数据接收方,调用
bus.$on
(‘事件名称’, 事件处理函数) 方法注册一个自定义事件;
(3)ref 引用
3.1 什么是 ref 引用
1️⃣ ref 用来辅助开发者在不依赖于jQuery 的情况下,获取 DOM 元素或组件的引用。
2️⃣ 每个 vue 的组件实例上,都包含一个$refs 对象,里面存储着对应的DOM 元素或组件的引用。默认情况下,组件的 $refs 指向一个空对象。
代码演示如下:
3.2 使用 ref 引用 DOM 元素
如果想要使用 ref 引用页面上的 DOM 元素,则可以按照如下的方式进行操作:
代码演示如下:
3.3 使用 ref 引用组件实例
如果想要使用 ref
引用页面上的组件实例,则可以按照如下的方式进行操作:
3.4 控制文本框和按钮的按需切换
通过布尔值 inputVisible
来控制组件中的文本框与按钮的按需切换。示例代码如下:
3.5 让文本框自动获得焦点
当文本框展示出来之后,如果希望它立即获得焦点,则可以为其添加 ref 引用,并调用原生 DOM 对象的.focus()
方法即可。示例代码如下:
3.6 this.$nextTick(cb) 方法
文末
逆水行舟不进则退,所以大家要有危机意识。
同样是干到35岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说35岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。
为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师核心知识笔记》电子稿文件。
内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
前端面试题汇总
d4c3ab8389e65ecb71ac0)**
前端面试题汇总