vue入门之面试必问

什么是vue?

Vue是一套构建用户界面的渐进式框架。它与其他大型框架(如React和Angular)一样,都是用于构建用户界面的JavaScript框架。Vue被设计自底向上逐层应用,其核心库只关注视图层,不仅易于上手,也便于与第三方库或已有项目整合。
vue还是单⻚面应用程序
总而言之vue便是用于构建用户界面的渐进式框架,采用自底向上增量开发的设计。(重点)

vue的核心理念

Vue的核心理念主要围绕数据驱动和组件化。
数据驱动意味着Vue.js通过数据驱动视图的变化。它采用MVVM(Model-View-ViewModel)模式,实现了数据的双向绑定。当数据发生改变时,视图会自动更新;同时,当视图发生改变时,数据也会相应地更新。这种数据驱动的方式大大简化了前端开发中的DOM操作,提高了开发效率。

组件化是Vue.js的另一个核心理念。通过将页面上的每个独立可视或可交互的区域视为一个组件,Vue.js实现了对HTML元素的扩展和可用代码的封装。组件化开发不仅可以降低数据之间的耦合度,提高代码的可重用性,还能使代码结构更加清晰,便于维护和扩展。

此外,Vue还强调渐进式框架的设计思想,即逐步增加功能以满足不同需求。它从最基本的视图层开始,逐渐引入更多的功能,如路由、状态管理等,使得开发者可以根据项目需求灵活选择所需的功能模块。这种渐进式的设计方式使得Vue既适合小型项目,也能应对大型复杂应用的开发。

vue的优点

1、轻量级:Vue.js是一个轻量级的框架,它的大小只有几十kb,比很多其他框架都要小。
2、数据驱动:Vue.js通过数据驱动视图的变化,当数据发生变化时,视图会自动更新。
3、组件化:Vue.js通过组件化的方式构建应用,使得代码更加模块化,易于维护和扩展。
4、易于集成:Vue.js可以很容易地与其他库或已有项目集成,因为它只是关注视图层,而不是像某些框架那样试图成为全能型的解决方案。
5、虚拟的DOM:Vue.js提供了丰富的指令,在JavaScript中先构建一个虚拟的DOM树,而不是直接操作浏览器中的真实DOM树。然后,Vue.js会对比新的虚拟DOM树和旧的虚拟DOM树,找出需要更新的节点,并只更新这些节点,而不是重新渲染整个页面。

框架和库的区别

框架:提供一个完整的解决方案,对项目的侵入性大,如果想要更换框架,要重构整个项目
库:提供一个小的功能点,对项目的入侵性较小,如果其库不能满足需求,则可以直接换一个库

MVC和MVVM的区别(重点)

MVC:是后端分层开发的概念
从先后来讲:其V是视图层view,主要作用是展示数据,发送请求
C是调度层Controller,主要作用是接收数据,相应数据
M是模型层model,主要作用是处理数据,跟数据库打交道

MVC中的通讯
1、View 传送指令到 Controller
2、Controller 完成业务逻辑后,要求 Model 改变状态
3、Model 将新的数据发送到 View,用户得到反馈所有通讯都是单向的

MVVM:是前端视图层的概念
V是视图层view,负责展示数据
VM是视图模型层view-model,负责连接view与model,承上启下的作用
M是模型层,负责逻辑关系Alt

  • 6
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值