排序
面试题:有哪些定义 Vue 组件模板的方法?
在 Vue 中,定义组件模板(template)有多种方式,适用于不同的开发场景和项目需求。以下是主要的几种方法,涵盖 Vue 2 和 Vue 3 的实践。 一、1. 单文件组件(SFC)中的 <template> 标签...
面试题:Vue Router 中如何获取路由传递过来的参数?
在 Vue Router 中,获取路由传递的参数是开发中的常见需求。参数主要分为两种:动态路由参数(params) 和 查询参数(query)。获取方式取决于你使用的 Vue 版本和 API 风格(Options API 或 Co...
面试题:Vue Router 的跳转和 location.href 有什么区别?
Vue Router 的编程式导航(如 router.push)和原生的 location.href 都能实现页面跳转,但它们在工作原理、用户体验和应用状态上有本质区别。 核心区别 特性Vue Router (router.push)location.h...
面试题:说说你对 Vue 的理解?相比于原生开发,使用 Vue 有哪些优点?
对 Vue 的理解 Vue (读音 /vjuː/,类似于 'view') 是一个用于构建用户界面的渐进式 JavaScript 框架。 渐进式 (Progressive):这是 Vue 最核心的特性。它意味着你可以根据项目需求,选择性地使...
面试题:Vue 计算属性的函数名和 data 中的属性可以同名吗?为什么?
不可以。在 Vue 中,计算属性(computed)的函数名不能与 data 中的属性同名。 如果尝试这样做,Vue 会抛出一个明确的运行时错误。 为什么会报错? Vue 的设计原则是确保数据来源的唯一性和可预...
面试题:是否了解 Vue 官方的风格指南?请列举其中的一些规则
了解 Vue 官方的风格指南是 Vue 开发者必备的知识。这份指南提供了编写可维护、一致且高效的 Vue 代码的最佳实践。以下是一些重要的规则分类和具体示例: 🔥 优先级 A:必要的规则(规避错误) ...
面试题:在 Vue 中,如果变量名以 _ 或 $ 开头,会有什么问题?如何访问到这些值?
在 Vue 中,以 _ 或 $ 开头的变量名确实会有特殊行为,这源于 Vue 的设计决策。 🚫 问题:自动代理排除 Vue 会自动跳过以 _ 或 $ 开头的属性,不会将它们设置为响应式数据,也不会代理到 Vue 实...
面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?
这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
面试题:你了解 Vue 中的过滤器吗?它有哪些应用场景?
Vue 过滤器详解 1. 过滤器基础概念 Vue 过滤器主要用于文本格式化,可以在模板中直接使用。注意:Vue 3 已移除过滤器,但在 Vue 2 中仍然常用。 基本语法 <template> <!-- 使用过滤器 -->...
面试题:如何访问 Vue 子组件的实例或子元素?
在 Vue 中,有时需要从父组件直接访问子组件的实例或其内部的 DOM 元素。Vue 提供了 ref 特性来实现这一需求。 核心方法:使用 ref 在子组件或元素上定义 ref:在父组件的模板中,为要访问的子...
