2021年前端vue面试题大全「最新」
2025-03-30 06:10:34
2021年前端Vue面试题大全：
一、MVVM理解 MVVM架构包含Model、View、ViewModel三个部分。 Model：负责数据和业务逻辑。 View：用于展示数据，是用户界面的构建者。 ViewModel：作为中心，监听Model中的数据变化并控制视图更新，处理用户交互。
二、Vue框架基础 Vue是基于数据驱动的框架。 Vue实例将DOM与数据绑定，改变数据会自动同步DOM。 Vue实例可以作用于特定的HTML元素，如body或具有特定id的元素。
三、Vue常见指令 vtext：更新textContent，相当于JS的text属性。 vhtml：等同JS的innerHTML属性。 vcloak：解决元素编译前闪烁问题，用于保持元素不显示直到实例结束。 vonce：只渲染一次，之后数据变化不更新。 vif：条件渲染元素，根据表达式值的真假来决定渲染。 velse和velseif：用于条件渲染的elseif块，实现switch语句的功能。 vshow：条件显示元素，与vif不同的是，元素始终被渲染，只是通过CSS控制显示与隐藏。 vfor：用于数组遍历渲染。 vbind：动态绑定元素属性。 vmodel：双向数据绑定表单输入。 von：监听DOM事件。 keepalive：缓存不活动的组件实例。
四、Vue进阶概念 生命周期：Vue实例从创建到销毁的一系列过程，包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed等阶段。 组件间通信：父组件向子组件传递数据通过props，子组件向父组件传递数据通过事件机制，兄弟组件间通信可以通过事件总线或Vuex等状态管理库。 computed和watch：computed用于声明式计算属性，基于它们的依赖进行缓存，只有当依赖发生变化时才会重新计算；watch用于观察和响应Vue实例上数据的变化。 路由模式：Vue Router提供两种路由模式，即hash模式和history模式。hash模式使用URL的hash部分来表示路由路径；history模式则利用HTML5 History API来实现URL的跳转而无须重新加载页面。 SPA：指仅加载一个HTML页面的应用，该页面在用户与应用交互时动态更新。SPA通过AJAX请求从服务器获取数据，并使用JavaScript动态更新DOM以实现页面的局部刷新。
热门标签
