【面试题】2023 Vue面试题 高频考题

SPA 是什么？单页面应用缺点 : 1. SEO 优化不好 2 ．性能不是特别好。

Vue3使用了ES6的Proxy API来进行数据代理。通过将数据代理到Vue实例上，我们可以对数据进行劫持和观察。当数据发生变化时，Vue能够自动更新相关的DOM操作。在Vue3中，Proxy API的使用使得数据劫持变得更加容易和高效。count: 0})// 修改状态// 读取状态// 使用 readonly() 包装状态，防止修改// 尝试修改状态，会抛出错误```Vue3引入了Suspense组件，用于处理异步组件加载时的等待状态。

24.watchEffect函数和computed的区别。10.vue中，组件化中data为什么是函数。8.vue是如何检测数据的原理(响应式)12.vue脚手架中目录分别是什么意思。22.路由的hash和history。6.v-if和v-show的区别。2.数据双向绑定(数据代理)7.v-for中key的作用。1.谈谈你对vue的了解。14.vue组件之间传值。5.计算属性与监听属性。13.浏览器的本地存储。3.对mvvm的理解。11.组件的创建过程。15.vue解决跨域。23.vue3的优点。

如果组件内有响应的数据，数据发生改变时，render函数会生成一个新的虚拟dom，新的虚拟dom会和旧的虚拟dom进行比对，找到需要修改的虚拟dom内容，然后去对应的真实dom中修改。css3：新增属性、伪类、伪元素选择器，新增媒体查询，文字阴影，边框，盒子模型box-sizing，渐变，过度，自定义动画，背景的属性，2d和3d。computed:计算属性，支持缓存，以来的属性值发生变化，计算属性会重新计算，否则用缓存，不支持异步，第一次加载就监听，函数中必须有return。

为什么组件中的 data 必须是一个函数，然后 return 一个对象，而 new Vue 实例里，data 可以直接是一个对象？// datadata() {return {message: "子组件",// new Vuenew Vue({router,})

data选项被定义为函数而不是对象是为了确保每个Vue组件实例拥有独立的数据对象，避免数据共享问题，并方便访问组件实例的上下文。

前端面试题汇总

近期整理了一下高频的前端面试题，分享给大家一起来学习。如有问题，欢迎指正！

1、JS 中判断数据类型的方法有几种?最常见的判断方法: typeof判断已知对象类型的方法:instanceof根据对象的 constructor判断: constructor无敌万能的方法:jquery.type()2、vue与angular的区别?vue 仅仅是 mvvm 中的 view 层，只是一个如jquery 般的工具库，而不是框架，而 angular 而是 mvvm 框架。vue 的双向邦定是基于 ES5 中的 getter/