排序
面试题:Vue 中 MVVM、MVC 和 MVP 模式的区别是什么?
MVVM、MVC 和 MVP 是三种常见的软件架构模式,它们在前端开发中(尤其是 Vue 框架中)有不同的应用场景和特点。以下是它们的区别和联系: 1. MVC(Model-View-Controller) 核心思想 MVC 模式将...
面试题:你了解 Vue 中的过滤器吗?它有哪些应用场景?
什么是 Vue 中的过滤器? Vue 中的过滤器(Filter)是一种用于格式化文本的工具,可以在模板中对数据进行简单的处理。过滤器通过管道符 | 使用,常用于格式化日期、货币、文本等。 过滤器的定义...
面试题:Vue 的 template 标签有什么用?
在 Vue 中,<template> 标签是一个特殊的标签,用于包裹模板内容,但它不会被渲染为实际的 DOM 元素。它的主要作用是作为占位符或容器,用于组织和复用代码。 1. <template> 标签的...
面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?
v-show 和 v-if 是 Vue 中用于条件渲染的指令,它们的主要区别在于 渲染方式 和 性能开销。以下是它们的详细区别和使用场景: 1. v-show 和 v-if 的区别 特性v-showv-if渲染方式通过 CSS 的 dis...
面试题:在 Vue 组件中写 name 选项有什么作用?
在 Vue 组件中,name 选项是一个非常有用的配置项,它的主要作用包括: 1. 组件递归调用 如果组件需要递归调用自身(例如树形结构、菜单组件等),必须设置 name 选项。 示例 export default { ...
面试题:为什么 Vue 中的 data 属性是一个函数而不是一个对象?
在 Vue 中,data 属性被设计为一个函数而不是一个对象,主要是为了解决 组件实例之间的数据隔离问题。以下是具体原因和解释: 1. 组件实例的数据隔离 问题背景 在 Vue 中,组件是可以复用的。如...
面试题:Vue 表单修饰符 .lazy 有什么作用?
在 Vue 中,.lazy 是一个表单输入修饰符,主要用于改变 v-model 的默认行为,使其在输入框的 change 事件(而不是 input 事件)触发时才同步数据。 作用 默认情况下,v-model 在表单输入框中的...
面试题:为什么 Vue 的 data 属性必须声明为返回一个初始数据的函数?
在 Vue 中,data 属性必须声明为一个返回初始数据对象的函数,而不是直接声明为一个对象。这是为了避免组件复用时数据共享的问题,确保每个组件实例都有自己独立的数据副本。 1. 为什么 data 必...
面试题:什么是 Vue 中的 slot?它有什么作用?
在 Vue 中,slot 是一种用于内容分发的机制,允许父组件向子组件传递模板片段或 HTML 内容。通过 slot,子组件可以在其模板中预留一个或多个插槽位置,父组件可以将内容插入到这些插槽中,从而...
面试题:为什么 Vue 中给对象添加新属性后界面不刷新?
在 Vue 中,直接给对象添加新属性时,界面不会自动刷新,这是因为 Vue 的响应式系统无法检测到对象属性的新增或删除。 Vue 的响应式系统是通过 Object.defineProperty(Vue 2)或 Proxy(Vue 3...