前端面试之vue篇

本文详细探讨了Vue的特点,包括MVVM框架、数据双向绑定和运行速度。对比了Vue与React在运行时性能、HTML/CSS处理和写法上的区别。重点介绍了Vue的生命周期、computed和watch的差异、数据双向绑定的响应式原理以及虚拟DOM和diff算法的工作方式。同时,还讨论了Vue路由的实现原理,包括hash模式和history模式。
摘要由CSDN通过智能技术生成

ps:这一部分最常考的是vue的数据双向绑定原理和虚拟DOM。

vue的特点

MVVM框架、数据双向绑定、轻量、渐进式框架、易上手、运行速度快。
不支持IE8及以下版本,不利于SEO,不适合大型项目开发。

vue和react的区别

运行时性能

react中,当某个组件的状态发生变化时,它会以该组件为根,重新渲染整个组件子树。
vue组件的依赖会在渲染过程中自动追踪。
这使vue的开发者不用在开发时手动避免不必要的子组件的渲染。

HTML&CSS

在React中,一切都是JavaScript。
而Vue的整体思想是拥抱经典的Web技术,并在其上扩展。

写法

react是类式的写法,api很少。与typeScript结合的更好。
vue是声明式写法,通过传入各种options,api和参数都很多。

computed和watch有什么区别

  1. 功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。
  2. 是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。
  3. 是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值