2024年最全【Vue】—Vue的基本介绍与插件安装，Web前端高分面试指南

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

一、Vue的简介

---

Vue简介：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供的数据驱动。

Vue是一个MVVM框架 Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心，它是连接view和model的桥梁。它有两个方向：一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。M是model V是view 对应的是视图层,VM是把M层和V层关联起来的一个中间层，VM能够实现数据的双向绑定 。

React 是MVC框架，数据收集单向绑定的，只能从M到V

MVC 模式（Model–view–controller）是软件工程中的一种软件架构模式，它把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）

• 模型（Model）：程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计(可以实现具体的功能)；

• 控制器（Controller）：负责转发请求，对请求进行处理；

• 视图（View）：界面设计人员进行图形界面设计。

二、Vue的兼容性

---

兼容性：Vue不支持IE8及以下的版本，因为Vue使用了IE8无法模拟的ECMAScript5的特性，但它支持所有兼容ECMAScript5的浏览器

三、开发者工具

---

开发者工具：在使用Vue时，王同学推荐您在你的的浏览器上安装vue-devtools。vue-devtools是基于chrome的一款浏览器插件，是开发过程中必不可少的，其高效、简洁、方便的特点深受vue开发者的喜爱。它允许你在一个更好的界面中审查和调式Vue应用

四、vue-devtools的插件安装

---

下载链接：https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd

打开浏览器扩展安装页面

点击浏览器右上角⋮>更多工具> 点击扩展程序

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

c3ab8389e65ecb71ac0)**

[外链图片转存中…(img-fSl0uj1d-1715666461969)]

[外链图片转存中…(img-tzXpoIhp-1715666461970)]