排序
面试题:什么是 Vue 的 keep-alive?它是如何实现的?具体缓存了什么内容?
什么是 Vue 的 keep-alive? <keep-alive> 是 Vue 提供的一个内置组件,用于缓存不活动的组件实例,而不是销毁它们。当组件被 <keep-alive> 包裹时,它的状态(如数据、DOM 等)会...
面试题:Vue 的 Vue.use 的实现原理是什么?
Vue.use 是 Vue 提供的一个全局 API,用于安装 Vue 插件。它的实现原理主要涉及以下几个步骤: 1. Vue.use 的作用 Vue.use 用于安装 Vue 插件,插件可以是一个对象或函数。...
面试题:Vue Router 切换路由时,如何实现草稿保存的功能?
在 Vue Router 切换路由时实现草稿保存功能,通常是为了防止用户在填写表单或编辑内容时,因误操作或页面跳转而丢失未保存的数据。以下是实现草稿保存功能的几种常见方法: 1. 使用 Vuex 或 Pin...
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在 Vue 中,第一次加载页面时,会触发一系列生命周期钩子。这些钩子按照特定的顺序执行,用于完成组件的初始化、挂载和渲染等操作。以下是第一次加载页面时触发的生命周期钩子及其顺序: 1.&nbs...
面试题:你了解过哪些 Vue 开发规范?
在 Vue 项目开发中,遵循一定的开发规范可以提高代码的可读性、可维护性和团队协作效率。以下是一些常见的 Vue 开发规范: 1. 组件命名规范 PascalCase:组件文件名和组件名使用大驼峰命名法(P...
面试题:Vue 常用的修饰符有哪些?分别有哪些应用场景?
在 Vue.js 中,修饰符(Modifiers)是用来改变事件或指令行为的特殊后缀。以下是一些常用的修饰符及其应用场景: 1. 事件修饰符 事件修饰符用于处理 DOM 事件时改变事件的默认行为。 .stop 应用...
面试题:Vue Router 的 history 模式部署上线时有哪些注意事项?
在使用 Vue Router 的 history 模式时,部署上线需要注意以下几个关键点,以确保应用能够正常运行: 1. 服务器配置 history 模式的路由通过 URL 路径来访问页面(如 /about),而不是通过哈希(...
面试题:什么是 Vue 的函数式组件?
Vue 的函数式组件(Functional Component)是一种特殊的组件类型,它没有状态(无 data)、没有实例(无 this),也没有生命周期钩子。函数式组件只接收 props 和 con...
面试题:Vue 中 slot 的实现原理是什么?
slot 是 Vue 中用于实现内容分发的机制,允许父组件向子组件传递模板内容。slot 的实现原理可以总结为以下几个方面: 1. slot 的基本用法 slot 的基本用法是在子组件中定义一个插槽,父组件可以...
面试题:为什么 Vue 要求组件模板只能有一个根元素?
在 Vue 2.x 中,组件的模板必须有一个根元素(即单个顶级元素),而在 Vue 3.x 中,这一限制被取消,支持多根节点模板。以下是 Vue 2.x 要求组件模板只能有一个根元素的原因: 1. 虚拟 DOM 的渲...