排序
面试题:Vue 中 :class 和 :style 有几种表示方式?
在 Vue 中,:class 和 :style 是动态绑定样式的重要特性,它们有多种灵活的表示方式。 🎨 :class 的多种表示方式 1. 对象语法(最常用) <template> <!-- 根据条件动态切换类名 --> <d...
面试题:Vue 的 template 标签有什么用?
在 Vue.js 中,<template> 标签是一个非常关键且用途广泛的语法元素。它本身不会被渲染为真实的 DOM 元素,而是一个包裹/分组内容的容器,用于组织和控制内部内容的渲染逻辑。 核心作用 &...
面试题:Vue Router 的 hash 模式和 history 模式有什么区别?
Vue Router 的 hash 模式 和 history 模式 是两种实现单页面应用(SPA)路由的机制,它们在 URL 结构、工作原理、服务器配置要求 和 用户体验 上有显著区别。 以下是它们的核心区别: 1. URL 结...
面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?
这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
面试题:Vue 实例在挂载过程中发生了什么?
当一个 Vue 实例(或组件)被挂载(mount)时,它会经历一系列内部步骤,从创建实例到最终将虚拟 DOM 渲染为真实 DOM 并插入页面。这个过程主要涉及 beforeMount 和 mounted 两个生命周期钩子。...
面试题:Vue 的模板语法使用的是哪个 Web 模板引擎?介绍下该模板引擎
这是一个考察对 Vue 模板机制底层原理理解的面试题。 直接答案: Vue 的模板语法并不是基于任何第三方 Web 模板引擎(如 Handlebars、Mustache、Pug 等),而是 Vue 自研的一套模板编译系统。 ...
面试题:Vue 在 created 和 mounted 这两个生命周期钩子中请求数据有什么区别?
在 Vue 中,created 和 mounted 都是常用的生命周期钩子,都可以用来发起数据请求,但它们在执行时机和适用场景上存在关键区别。 1. 执行时机 created 钩子: 在实例创建完成后立即调用。 此时...
面试题:为什么 Vue 中给对象添加新属性后界面不刷新?
在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
面试题:说说你对 Vue 的理解?相比于原生开发,使用 Vue 有哪些优点?
对 Vue 的理解 Vue (读音 /vjuː/,类似于 'view') 是一个用于构建用户界面的渐进式 JavaScript 框架。 渐进式 (Progressive):这是 Vue 最核心的特性。它意味着你可以根据项目需求,选择性地使...
面试题:Vue 中组件、插件、插槽三个概念的区别是什么?
这是一个很好的概念辨析题,考察对 Vue 核心特性的理解。组件、插件、插槽是 Vue 中三个不同层级、不同用途的概念,它们在职责和使用方式上有本质区别。 一、组件(Component) ✅ 定义: 组件...
