排序
面试题:Vue 打包后最终生成的文件有哪些?
在 Vue 项目中,打包后生成的文件主要包括以下几种类型。这些文件是由构建工具(如 Webpack 或 Vite)根据项目配置和代码分割策略生成的。 1. 打包后生成的主要文件 1.1 HTML 文件 文件名:通常...
面试题:在 Vue 项目中的 style 样式中,为什么要添加 scoped?
在 Vue 项目中,<style> 标签中的 scoped 属性用于限定样式的作用域,确保样式只对当前组件生效,避免样式污染全局样式或其他组件的样式。以下是使用 scoped 的原因和具体作用: 1. 避免...
面试题:Vue 实例在挂载过程中发生了什么?
Vue 实例的挂载过程是指 Vue 实例从创建到将其模板渲染到 DOM 中的整个过程。在这个过程中,Vue 会经历一系列的生命周期钩子函数,并完成模板编译、数据绑定、DOM 渲染等操作。以下是 Vue 实例...
面试题:什么是 Vue 的自定义指令?自定义指令的应用场景有哪些?
在 Vue 中,自定义指令 是一种用于直接操作 DOM 的机制。Vue 提供了一些内置指令(如 v-bind、v-model、v-if 等),但开发者也可以通过自定义指令来扩展 Vue 的功能,实现特定的 DOM 操作。 1. ...
面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?
在 Vue 中,data 的属性不能与 methods 中的方法同名。如果同名,会导致命名冲突,Vue 会抛出警告,并且可能会导致不可预期的行为。 1. 为什么不能同名? Vue 在初始化组件时,会将 data、metho...
面试题:Vue 2 和 Vue 3 有哪些区别?Vue 3 有哪些更新?
Vue 3 是 Vue.js 的一次重大升级,带来了许多新特性和改进。以下是 Vue 2 和 Vue 3 的主要区别,以及 Vue 3 的重要更新: 1. 性能提升 更小的体积:Vue 3 通过 Tree-shaking 支持(基于 ES Modu...
面试题:什么是 Vuex 的模块化 module?有哪些应用场景?
什么是 Vuex 的模块化(Module)? Vuex 的模块化(Module)是指将 Vuex 的 Store 拆分为多个模块(Module),每个模块拥有自己的 state、mutations、actions、getters,甚至可以嵌套子模块。模...
面试题:在 Vue 项目中你有封装过 Axios 吗?如何封装的?
在 Vue 项目中封装 Axios 是一个常见的需求,目的是统一管理请求的配置、拦截器和错误处理,从而提高代码的可维护性和复用性。以下是一个典型的 Axios 封装实现,包括请求拦截、响应拦截、错误...
面试题:Vue Router 的跳转和 location.href 有什么区别?
在 Vue 应用中,路由跳转通常使用 Vue Router 的 this.$router.push 或 <router-link>,而直接使用 location.href 是传统的原生 JavaScript 方式。它们的主要区...
面试题:什么是 JSX?Vue 中怎么使用 JSX?
1. 什么是 JSX? JSX 是一种 JavaScript 的语法扩展,允许在 JavaScript 代码中编写类似 HTML 的模板。它最初由 React 引入,但也可以在其他框架(如 Vue)中使用。 特点: 类似 HTML 的语法:...