排序
面试题:为什么不建议在 Vue 中同时使用 v-if 和 v-for?
这是一个 Vue 开发中的重要性能和最佳实践问题。不建议在同一个元素上同时使用 v-if 和 v-for,主要是因为它们的优先级会导致性能问题和逻辑混乱。 1. 优先级问题(核心原因) 在 Vue 2.x 中,v...
面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?
这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
面试题:什么是 Vue 的 nextTick?有什么作用?
什么是 Vue 的 nextTick? nextTick 是 Vue 提供的一个全局 API(在 Vue 3 中,通常通过 nextTick 函数使用),它的作用是将一个回调函数延迟到下一个 DOM 更新周期之后执行。 简单来说,当你修...
面试题:Vue 的 v-cloak 和 v-pre 指令有什么作用?
v-cloak 和 v-pre 是 Vue.js 中两个用于优化渲染过程和用户体验的编译阶段指令。它们的作用各不相同,但都与 Vue 的编译和渲染机制有关。 1. v-cloak 指令 作用 v-cloak 指令用于解决页面加载时...
面试题:Vue 中 MVVM、MVC 和 MVP 模式的区别是什么?
这是一个考察对前端架构模式理解的面试题。Vue.js 的核心设计思想是 MVVM 模式,但它也借鉴了 MVC 和 MVP 的一些理念。下面详细解释这三种模式的区别: 1. MVC 模式 (Model-View-Controller) 核...
面试题:为什么 Vue 中的 data 属性是一个函数而不是一个对象?
这是一个 Vue.js 面试中的经典问题,考察对组件实例化机制和数据隔离的理解。 核心答案:在 Vue 组件中,data 必须是一个函数,而不是一个对象,是为了保证每个组件实例都能拥有自己独立的数据...
面试题:DOM 渲染在哪个 Vue 生命周期钩子中就已经完成?
DOM 渲染在 mounted 生命周期钩子中就已经完成。 详细解释: 在 Vue 的生命周期中,mounted 钩子是一个关键节点: 触发时机:mounted 钩子在组件的首次渲染完成后被调用。此时,Vue 已经将虚拟 ...
面试题:Vue 计算属性的函数名和 data 中的属性可以同名吗?为什么?
不可以。在 Vue 中,计算属性(computed)的函数名不能与 data 中的属性同名。 如果尝试这样做,Vue 会抛出一个明确的运行时错误。 为什么会报错? Vue 的设计原则是确保数据来源的唯一性和可预...
面试题:什么是 Vue 中的 slot?它有什么作用?
这是一个关于 Vue 组件化核心概念的重要面试题。以下是详细的解答: 什么是 Vue 中的 slot? 在 Vue.js 中,slot(插槽)是一种内容分发机制,它允许你像使用 HTML 元素一样,在父组件中向子组...
面试题:Vue 的 template 标签有什么用?
在 Vue.js 中,<template> 标签是一个非常关键且用途广泛的语法元素。它本身不会被渲染为真实的 DOM 元素,而是一个包裹/分组内容的容器,用于组织和控制内部内容的渲染逻辑。 核心作用 &...
