排序
面试题:在 .vue 文件中,style 和 script 必须要写么?为什么?
这是一个很好的问题,它考察了对 .vue 单文件组件(SFC, Single File Component)结构的理解。 简短回答: 在一个 .vue 文件中,<template>、<script> 和 <style> 都不是绝对...
面试题:怎么在组件初始化时立即调用 Vue 的 watch 函数?
这是一个常见的面试题,考察对 Vue 响应式系统和 watch 选项的深入理解。 核心答案: 在 Vue 中,watch 默认不会在组件初始化时立即执行。如果希望在监听的数据初始化时就立即执行一次回调函数...
面试题:Vue 在 created 和 mounted 这两个生命周期钩子中请求数据有什么区别?
在 Vue 中,created 和 mounted 都是常用的生命周期钩子,都可以用来发起数据请求,但它们在执行时机和适用场景上存在关键区别。 1. 执行时机 created 钩子: 在实例创建完成后立即调用。 此时...
面试题:Vue Router 支持哪几种路由模式?它们有什么区别?
Vue Router 支持两种主要的路由模式,用于在单页面应用(SPA)中实现无刷新的页面切换: Hash 模式 (默认模式) History 模式 1. Hash 模式 实现方式:使用 URL 的 hash(#)部分来模拟一个完整...
面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?
不可以。在 Vue 中,data 的属性不应该与 methods 中的方法同名。 主要原因如下: 1. 命名冲突与覆盖(核心原因) Vue 在初始化组件实例时,会将 data 函数返回的对象中的所有属性,以及 method...
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
面试题:什么是 Vue 的 v-model?有什么作用?
v-model 是 Vue 中一个非常强大且常用的指令(Directive),它本质上是语法糖,用于在表单元素或组件上创建双向数据绑定(Two-way Data Binding)。 一、什么是 v-model? v-model 可以看作是:...
面试题:Vue 2.0 支持哪个版本以上的 IE 浏览器?
Vue 2.0 官方支持 IE9 及以上版本的浏览器。 详细说明 最低支持版本: Vue 2.x 需要浏览器支持 ES5 的特性(如 Object.defineProperty)。 IE9 是第一个对 ES5 提供了基本完整支持的 Internet E...
面试题:Vue Router 中如何获取路由传递过来的参数?
在 Vue Router 中,获取路由传递的参数是开发中的常见需求。参数主要分为两种:动态路由参数(params) 和 查询参数(query)。获取方式取决于你使用的 Vue 版本和 API 风格(Options API 或 Co...
面试题:什么是 Vue 的生命周期?生命周期的作用是什么?
什么是 Vue 的生命周期? Vue 的生命周期指的是一个 Vue 组件从创建、挂载、更新到最终销毁的整个过程。在这个过程中,Vue 框架会在特定的时间点自动调用一些预先定义好的函数,这些函数被称为...
