vue面试问题汇总

韩南北

于 2020-09-27 18:40:46 发布

阅读量706

点赞数

CC 4.0 BY-SA版权

分类专栏：技术分享文章标签： vue 面试

本文链接：https://blog.youkuaiyun.com/HDhanmingyang/article/details/108636734

本文总结了Vue面试中的关键问题，包括响应式原理、数组修改与视图更新、computed与watch的区别以及Vue实例的生命周期。对于响应式原理，Vue使用非侵入式系统，当数据改变时自动更新视图。然而，直接修改数组下标不会触发视图更新，需要使用特定方法。computed用于计算属性，结果会被缓存，适合计算逻辑；watch则用于监听数据变化并执行相应方法。Vue的生命周期包括created、mounted等多个阶段，每个阶段都有其特定用途。此外，还提及了盒子模型和Flex布局的基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，响应式原理是什么，简单说一说他的场景
答：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。----官方文档
2，Vue中直接修改数组下标的值是否会更新视图？
答：不会。Vue 不能检测以下数组的变动：
当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue
当你修改数组的长度时，例如：vm.items.length = newLength
高端回答，vue实例中可以通过data属性定义数据，这些数据在实例对应的模板中绑定并使用，如果data传入的是一个对象，那么vue实例会代理其data对象里所有的属性，而不是对进入的对象进行深拷贝。只有在初始化时传入的对象才是响应式的，即声明完实例后再修改是无效的。如果想变得有效可以使用 $s e t v m .$ set(‘变量名’,值)；但vue会抛出异常告诉你尽量不要这样使用。
3, comp