面试题:什么是 Vue 的 v-model?有什么作用?
v-model 是 Vue 中一个非常强大且常用的指令(Directive),它本质上是语法糖,用于在表单元素或组件上创建双向数据绑定(Two-way Data Binding)。 一、什么是 v-model? v-model 可以看作是:...
面试题:Vue 中组件、插件、插槽三个概念的区别是什么?
这是一个很好的概念辨析题,考察对 Vue 核心特性的理解。组件、插件、插槽是 Vue 中三个不同层级、不同用途的概念,它们在职责和使用方式上有本质区别。 一、组件(Component) ✅ 定义: 组件...
面试题:为什么 Vue 写组件时可以放在 .vue 文件里?可以使用其他文件后缀吗?
这是一个考察对 Vue 项目构建机制理解的面试题。核心在于 Vue 的构建工具如何解析和处理 .vue 文件。 一、为什么可以将组件写在 .vue 文件里? 因为 .vue 文件是一种 单文件组件(Single File C...
面试题:有哪些定义 Vue 组件模板的方法?
在 Vue 中,定义组件模板(template)有多种方式,适用于不同的开发场景和项目需求。以下是主要的几种方法,涵盖 Vue 2 和 Vue 3 的实践。 一、1. 单文件组件(SFC)中的 <template> 标签...
面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?
这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
面试题:Vue 中 created 和 mounted 生命周期钩子有什么区别?
created 和 mounted 是 Vue 组件生命周期中两个非常重要的钩子函数。它们的主要区别在于执行时机和可操作的资源。 一、核心区别概览 特性createdmounted执行时机实例创建完成后,数据观测、计算...
面试题:什么是 Vue 的单向数据流和双向数据流?
这是一个关于 Vue 核心设计理念的经典问题。理解“单向数据流”和“双向数据流”有助于掌握 Vue 的数据绑定机制和组件通信原则。 一、单向数据流(Unidirectional Data Flow) ✅ 定义: 单向数...
面试题:Vue 的模板语法使用的是哪个 Web 模板引擎?介绍下该模板引擎
这是一个考察对 Vue 模板机制底层原理理解的面试题。 直接答案: Vue 的模板语法并不是基于任何第三方 Web 模板引擎(如 Handlebars、Mustache、Pug 等),而是 Vue 自研的一套模板编译系统。 ...
面试题:什么是 Vue 的前端路由?如何实现?
Vue 的前端路由是指在单页面应用(SPA)中,通过 JavaScript 在不重新加载整个页面的情况下,实现不同“视图”或“页面”之间的切换和导航。 它利用浏览器的 History API 或 hash 模式来管理 UR...
面试题:Vue 中有哪些表单修饰符和事件修饰符?
在 Vue.js 中,修饰符(Modifiers)是通过点(.)语法附加到指令(如 v-model 或 v-on)上的特殊后缀,用于以声明式的方式改变指令的行为。它们主要分为表单修饰符(用于 v-model)和事件修饰符...




