前端共256篇

面试题:Vue 路由之间是如何跳转的?有哪些跳转方式?

在 Vue Router 中,路由跳转(也称为编程式导航)是指通过 JavaScript 代码而非用户点击 <router-link> 来实现页面的导航。这是构建动态、交互式应用的关键。 核心原理 Vue Router 利用浏...
程序百科的头像-程序百科程序百科3个月前
5112

面试题:Vue 的生命周期总共有哪几个阶段?

Vue 3 的组件生命周期(也称为生命周期钩子)是组件从创建、挂载、更新到销毁的整个过程中的关键时间点。开发者可以在这些时间点注册回调函数(即生命周期钩子),在特定阶段执行自定义逻辑。 V...
程序百科的头像-程序百科程序百科3个月前
516

面试题:️如果 new 一个箭头函数会怎么样?

使用 new 操作符来调用一个箭头函数会抛出一个 TypeError 错误。 箭头函数不能用作构造函数。 1. 直接示例 const ArrowFunc = () => { console.log('I am an arrow function'); }; // 尝试用 ne...
程序百科的头像-程序百科程序百科4个月前
519

面试题:什么是 Vue Router 的 router-link 组件?

<router-link> 是 Vue Router 提供的一个全局组件,用于在单页面应用(SPA)中实现声明式的、可访问的导航链接。它是构建应用导航结构的基础工具。 简单来说,<router-link> 就是 V...
程序百科的头像-程序百科程序百科3个月前
5112

面试题:Vue 中是如何使用 event 对象的?

在 Vue 中使用 event 对象(即原生 DOM 事件对象)有多种方式,可以根据不同的场景灵活处理。以下是详细的使用方法和注意事项: 一、在事件处理函数中自动接收 event 对象 当使用 v-on 绑定事件...
程序百科的头像-程序百科程序百科3个月前
5110

面试题:Vue 中 computed 和 methods 的区别是什么?

在 Vue 中,computed(计算属性)和 methods(方法)都可以用来封装逻辑和返回数据,但它们在缓存机制、调用方式和适用场景上有本质区别。 核心区别总结 特性computed (计算属性)methods (方法)...
程序百科的头像-程序百科程序百科3个月前
5112

面试题:如何获取安全的 undefined 值?

在 JavaScript 中,undefined 是一个原始值,表示变量已声明但未赋值。然而,在非严格模式(sloppy mode)下,undefined 并不是一个保留字,可以被重新赋值,这可能导致代码出现难以预料的错误...
程序百科的头像-程序百科程序百科4个月前
5113

面试题:JavaScript 脚本异步加载如何实现?各有什么区别?

在现代 Web 开发中,异步加载 JavaScript 脚本对于优化页面性能、避免阻塞页面渲染至关重要。以下是几种主要的实现方式及其区别: 1. <script> 标签的 async 属性 语法: <script src=...
程序百科的头像-程序百科程序百科4个月前
508

面试题:什么是 Vue 指令?Vue 有哪些常用的指令?

什么是 Vue 指令? Vue 指令(Directives)是 Vue 框架提供的一种特殊的自定义 HTML 属性,它们以 v- 为前缀(例如 v-if, v-model)。指令的作用是当其表达式的值发生变化时,响应式地将某些行...
程序百科的头像-程序百科程序百科4个月前
505

面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?

在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
程序百科的头像-程序百科程序百科3个月前
505