Vue

Vue

Vue

热门Vue面试题

等 2 人订阅共19篇文章创建于2025-02-23

vue2和3的生命周期

🌱 Vue 的生命周期是什么？（标准回答） Vue 的生命周期是指从组件创建、渲染、更新到销毁的过程，Vue 在这些阶段为我们提供了内置的钩子函数，让我们可以在合适的时机执行相应的逻辑代码。 🔄 Vu

2月前
27
点赞
评论

编程式导航和声明式导航（RouterLink）

✅编程式导航 vs RouterLink导航 1️⃣ 使用方式不同：编程式导航：通过 useRouter() 获取路由实例，在 JavaScript 逻辑中调用 .push() 或 .replac

2月前
62
点赞
评论

编程式导航和声明式导航（RouterLink）

路由的重定向

路由的重定向顾名思义就是将当前path下的路径定向到redirect下的路径。一般用来设置默认的页面。比如说设置默认页面为首页。 🔁 路由重定向（Redirect）是指什么？路由重定向是指当用户访

2月前
18
点赞
评论

路由跳转方式push和replace

默认是push，路由跳转之后还能点返回箭头返回。给RouteLink加上replace之后，顾名思义就是替换了，就没办法点返回了。个人认为不要轻易加上replace。作用：控制路由跳转时操作浏览

2月前
31
点赞
评论

路由跳转方式push和replace

路由组件是怎么收到参数的？使用props配置呢？

路由传参一般是通过query和params。传给路由组件的参数需要使用useroute获取当前路由对象，然后将对象中的query参数解构赋值然后在组件中就能使用了。比较麻烦。 props作用：让路由组

2月前
37
点赞
评论

路由组件是怎么收到参数的？使用props配置呢？

响应式对象中解构出的属性进行使用会失去响应性？

在 Vue 3 的响应式系统中，当你从响应式对象（如 reactive 创建的对象）中解构属性时，解构出的属性会失去响应性。这是由 Vue 3 的响应式实现机制决定的，具体原因如下： 1. 响应式对象

2月前
154
点赞
评论

响应式对象中解构出的属性进行使用会失去响应性？

axios二次封装实战

首先是axios的基础封装：所有的请求都会拼接这个baseURL,另外简单设置了请求、响应拦截器。然后是api调用层，实际上是将不同业务的请求地址与baseurl进行拼接。最后是调用api接口的返

3月前
148
点赞
评论

v-model双向绑定语法糖

是什么在input框中使用v-model其实是个语法糖他其实是两个东西的合写，一个是由数据渲染到模板中使用v-bind绑定value属性。完成了数据到模板的渲染。一个是由模板中页面输入到数据里

4月前
38
点赞
评论

computed和method的区别

自己总结： computed和method的区别（是什么？）computed是计算属性主要是将模板里面的业务代码，转移到script里面，便于维护。另外他生成了一个派生属性。比如给computed

4月前
64
点赞
评论

computed和method的区别

vue常见的事件修饰符以及作用

事件修饰符顾名思义是对事件的修饰。常见的事件修饰符有 prevent阻止默认事件比如说有一个a标签里面写了一个href网址，在click点击事件后面加了一个prevent。原本默认点击连接会跳转网址

4月前
36
点赞
评论

vue常见的事件修饰符以及作用

v-model是如何实现的？语法糖实际是什么？

v-model提供双向数据绑定。v-model本质就是一个语法糖是属性绑定和事件监听组合实现的。 1.当v-model作用在表单元素input上时，底层其实就是v-bind：value和v-on:in

4月前
35
点赞
评论

v-model是如何实现的？语法糖实际是什么？

computed和watch区别

computed计算属性用于声明式的定义派生数据，根据依赖的响应式数据动态的计算结果。使用于模板中变焦复杂逻辑的处理场景，比如说根据fl确定姓名，过滤字符串。这些都是派生数据，都需要用到计算属性。 w

4月前
35
点赞
评论

computed和watch区别

Vue中的数据代理-原生js模拟vue代理原理

使用数据代理的好处： 1.能通过vm.xxx操作数据，而不是vm._data.xxx操作数据，简化操作 2.为后续的响应式数据做铺垫在vue中的实际表现实际上 Vue 的实例 vm 通过 Obje

4月前
13
点赞
评论

Vue中的数据代理-原生js模拟vue代理原理

数据代理Object.defineProperty()

数据代理：通过一个对象代理另外一个对象中的属性主要使用存取描述符<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">

4月前
18
点赞
评论

数据代理Object.defineProperty()

Object.defineProperty()

一、基本语法 obj：目标对象 prop：要定义或修改的属性名 descriptor：属性描述符（包含配置信息）二、属性描述符类型分为数据描述符和存取描述符，二者不可混用。 1. 数据描述符

4月前
60
点赞
评论

Object.defineProperty()

vue中给data中对象属性中添加新的属性会发生什么情况？～

1. 会发生什么？在 Vue 中，当你直接给 `data` 中的对象添加一个新属性时，这个新属性**不会**自动变成响应式的。这意味着 Vue 无法检测到这个新属性的变化，因此不会触发视

4月前
29
点赞
评论

vue中给data中对象属性中添加新的属性会发生什么情况？～

1. 核心原理基于 EventLoop：$nextTick 利用 JavaScript 的异步任务队列机制（微任务/宏任务）实现。异步队列优先级：优先使用微任务（Promise、Mutat

4月前
57
点赞
评论

Vue-vue中的data为什么是函数返回的形式而不是对象？

📌 标准答案根本原因 Vue 组件中的 data 必须使用函数返回对象的形式，是为了保证每个组件实例都有独立的数据副本。当组件被复用时，通过函数返回新数据对象，避免多个组件实例共享同一个数据对象导致

4月前
147
1
评论

Vue-vue中的data为什么是函数返回的形式而不是对象？

Vue-v-if和v-show的区别

在Vue.js中，v-if和v-show都用于控制元素的显示与隐藏，但它们的实现方式和适用场景有明显区别。以下是二者的核心差异总结： 1. 实现原理不同 v-if 通过条件性地创建/销毁DOM元素

4月前
35
点赞
评论

Vue-v-if和v-show的区别