vue入门之面试必问-程序员宅基地

技术标签: 前端  vue.js  javascript  

什么是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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_62160709/article/details/136918289

智能推荐

html编辑器 br 被div,UEditor百度编辑器中各种html标签被过滤掉的解决办法-程序员宅基地

文章浏览阅读449次。在之前的文章编写过程中,插入JS代码后,第一次文章会显示正常,而之后在后台编辑器中再打开看, 发现好多标签竟然被删掉了。后来发现解决办法非常简单。我们在插入代码后,源码模式下,看起来是正常的,但是为什么保存完之后,数据库中正常,但是编辑器中不正常呢?很多富文本编辑器都有两种初始化方式,以UEditor为例,一种是textarea标签,一种是script标签。举例textarea方式:这里写你的初始..._百度富文本编辑器过滤了html标签

Java大厂笔试&&面试集合大全目录,java笔试面试宝典-程序员宅基地

文章浏览阅读661次,点赞6次,收藏20次。最后还准备了一套上面资料对应的面试题(有答案哦)和面试时的高频面试算法题(如果面试准备时间不够,那么集中把这些算法题做完即可,命中率高达85%+)份系统化的资料的朋友,可以添加V获取:vip1024b (备注Java)**(img-0bihoba1-1713545040863)]JAVA相关笔试题,祝各位找到好工作!Java网络安全面试题系列。

Latex 反斜对角省略号实现_latex 省略号-程序员宅基地

文章浏览阅读1.1w次,点赞9次,收藏36次。Latex 反斜对角省略号_latex 省略号

python爬图mzitu_[Python]爬取mzitu网站-程序员宅基地

文章浏览阅读5.7k次。1 importio2 importos3 importre4 importsys5 importdatetime6 from bs4 importBeautifulSoup7 from pxydowwload importrequest8 from pymongo importMongoClient910 sys.stdout = io.TextIOWrapper(sys.stdout.buff..._mzitu

Python从入门到入坟(6)-程序员宅基地

文章浏览阅读170次。2020/06/01 面向对象编程面向对象(object oriented programming,OOP)编程的思想主要是针对大型软件设计而来的。面向对象编程使程序的扩展性更强、可读性更好,使得编程可以像搭积木一样简单。Python中一切皆对象。Python支持面向过程、面向对象、函数式编程等多种编程范式。面向对象和面向过程的区别面向过程思维:更加关注的是“程序的逻辑流程”,是一种“执行者”思维,适合编写小规模的程序。面向对象思维:更加关注的是“软件中对象之间的关系”,是一种“设计者”思维_python从入门到入坟

用Python 绘制多个同心圆 (Python经典编程案例)_python利用负循环画10个同心圆-程序员宅基地

文章浏览阅读4.1w次,点赞12次,收藏14次。案例:绘制多个同心圆代码如下:import turtlet = turtle.Pen()my_colors = ("red", "green", "yellow", "black")t.width(4)t.speed(1)for i in range(10): # 0 1 2 3 4 t.penup() t.goto(0, -i*10) # 0, -100,-2..._python利用负循环画10个同心圆

随便推点

计算机科学与技术的难度大小,计算机科学与技术专业各科难度排行-程序员宅基地

文章浏览阅读1.6k次。该楼层疑似违规已被系统折叠隐藏此楼查看此楼大三下学期NO.1Web数据库技术(3`)专业必修课本学期最难一科,考题是默写程序!填空(通常得不到几分)简答,程序。考前认真复习,课上不上无所谓,最终你还是要背的。重点:第三章:链接herf(填空),登陆表单(html程序题,可以参考习题1)登陆表单验证(JavaScript程序题 P30)第四章:脚本段-表达式-声明-指令的区别(简答),指令元素(简..._编译原理难度排第几

原生小程序 微信小程序 使用ucharts_微信小程序引入ucharts-程序员宅基地

文章浏览阅读2.2k次。一般是uni-app项目使用ucharts在原生微信小程序也是可以使用。方法:## 使用说明请将项目根目录 微信小程序/uCharts-组件/qiun-wx-ucharts/src 下全部文件复制到指定位置,例如该项目的components/qiun-wx-uchart目录下,然后在页面的json配置文件中配置如下:配置好后即可在wxml文件中使用注:示例中uCharts组件仅做演示,实际使用请用码云或者npmjs中最新版本。_微信小程序引入ucharts

1095:数1的个数 题解 信息学奥赛 NOIP_y1095 数1的个数-程序员宅基地

文章浏览阅读1.3k次。关于内容来源于微信公众号:大神编程。已经过原文作者授权。题目:1095:数1的个数超详细动画图文题解链接题解目录(不断更新中)喜欢信息学奥赛的同学们,可以一起交流学习哦官方QQ群:893157498我的QQ群:795233394..._y1095 数1的个数

学习布局(15) 段落类的样式_段落元素设置样式-程序员宅基地

文章浏览阅读220次。line-height: 设置元素当中的每行文本的行高(行间距) .test { width: 300px; height: 40px; margin-bottom: 20px; padding: 10px; background-color:..._段落元素设置样式

opencv: 使用InRange函数进行阈值操作 Thresholding Operations using inRange_inrange和cv2.threshold一起使用-程序员宅基地

文章浏览阅读1.3k次。目标:使用OpenCV cv::inRange 函数进行基本的 阈值操作, 基于像素值在HSV色度空间的范围进行对象检测理论:前一篇文章中我们学习了如何使用cv::threshold 阈值函数进行阈值操作 本文我们将学习使用 cv::inRange 来进行处理 原理是一样的但是现在我们增加了一个我们所需要的 【像素值的范围】HSV色度空间 HSV colorspaceHSV ..._inrange和cv2.threshold一起使用

瑜伽教学法 | 为什么你说的口令会员没反应?_会员病了无法来上瑜伽课怎么说-程序员宅基地

文章浏览阅读154次。  瑜伽培训课程层出不穷,但市面上都没有教授瑜伽老师们如何“教”的系统培训。瑜伽行业表面看似繁荣,但大多数老师缺失教学的“灵魂”。  为此,心合瑜伽学院王梓涵院长结合多年来积累的经验以及瑜伽老师的痛点,与心合教学团队不断打磨,开创瑜伽培训先河,首创贴合瑜伽老师的『瑜伽教学法』,教学法正是指导瑜伽老师们如何上课的法门!  不少老师们,有时会有这样的问题:  “我把正确的口令讲出来了,但是会员好像不听我的口令,并没有按照口令去做,需要我不停地辅助和做示范才能完成...”  一个优秀的老师,总可以_会员病了无法来上瑜伽课怎么说

推荐文章

热门文章

相关标签