问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

vue渐进式,响应式,组件化,就是优点吗?

发布网友 发布时间:2022-04-22 09:31

我来回答

1个回答

热心网友 时间:2023-09-23 07:28

vue的优点

1、简单易用

2、灵活渐进式

3、轻量高效

(3-1)、压索之后20KB大小

(3-2)、虚拟DOM

4、MVVM

(4-1)、数据驱动视图

(4-2)、常规的操作方式都是DOM

(4-3)、普通的javascript数据

5、组件化

组件化优点

提高开发效率

方便重复使用

简化调试步骤

提升整个项目的可维护性

便于协同开发


vue的缺点

1、Vue不缺入门教程,可是很缺乏高阶教程与文档。同样的还有书籍。

2、VUE不支持IE8

3、生态环境差不如angular和react

4、社区不大

如果有问题可以读源码。功能仅限于view层,Ajax等功能需要额外

的库。对开发人员要求较高。开发的话,需要webpack,不然很难用,最好配合es6。不过Vue-cli把webpakc也隔离的差不多了

优点:

虚拟DOM(类似ReactJS)
首先,将传统DOM结构变为JSON结构,用操作js的方式代替操作DOM,性能更快;
其次,虚拟dom同步到真实dom,使用sync()方法,分批渲染。

双向绑定(类似AngularJS)
data和DOM任何一方修改,另一方都会同步修改。

缺点:

内存
虚拟DOM需要在内存中的维护一份DOM的副本。在DOM更新速度和使用内存空间之间取得平衡。

简单页面不适用
如果虚拟DOM大量更改,这是合适的。但是单一的,频繁的更新的话,虚拟DOM将会花费更多的时间处理计算的工作。
所以,如果你有一个DOM节点相对较少页面,用虚拟DOM,它实际上有可能会更慢。
但对于大多数单页面应用,这应该都会更快。

优点:轻量级的框架,双向数据绑定,组件化开发,单页面路由,学习成本低,虚拟dom,渐进式框架,数据和结构的分离,运行速度快,插件化。

缺点:不支持IE8以下,社区可能没有Angular和React那么丰富,Vue不缺入门教程,可是很缺乏高阶教程与文档。同样的还有书籍,因为是单页面应用,不利于seo优化,初次加载时耗时多。

1.渐进式JavaScript框架

渐进式:主张最少

模块:数据请求:axiosUI:elementUI路由:vue-router状态层:vuex...

核心:数据驱动,组件系统

2.优点:

1.组件化开发,易用,灵活,高效,用户体验好

2.单页面路由,SPA(singlepageapplication)

1个url—>1个html文件,多个url—>多个html文件多页面应用:优点:利于SE0优化缺点:白屏,用户体验 不好

1个url->1个html,多个url—>1个html单页面应用:优点:用户体验好缺点:首屏加载慢,不利于SE0优化

3.丰富的Api方法

4.数据的双向绑定

5.易于结合其他第三方库

3.缺点

1.生态系统不够完善

2.可扩展性差

3.兼容性不好

4.首屏加载慢

5.不利于SEO优化

、vue两大特点:响应式编程、组件化。

2、vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。

3、vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom,这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。

vue和其他框架的区别

一、与angular的区别

相同点:

都支持指令:内置指令和自定义指令。都支持过滤器:内置过滤器和自定义过滤器。都支持双向数据绑定。都不支持低端浏览器。

不同点

angular的学习成本高,增加了依赖注入DependentcyInjection特性,而vue本身提供的API都比较简单,直观。

在性能上,angular依赖对数据做脏检查,所以Watcher越多越慢。vue使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。对于庞大的应用来说,这个优化差异还是比较明显的。

二、与react的区别

相同点:

react采用特殊的JSX语法。vue在组件开发中也推崇编写vue特殊文件格式,对文件内容都有一些约定,两者都需要编译后使用。

中心思想相同:一切都是组件,组件实例之间可以嵌套。

都提供合理的钩子函数,可以让开发者定制化地去处理需求。

都不内置列数Ajax,Route等功能的核心包,而是以插件的方式加载。

在组件开发中都支持mixins的特性。

不同点:

React依赖VirtualDOM,而vue使用的是DOM模板,React采用的VirtualDOM会对渲染出来的结果做脏检查。

vue在模板中提供了指令,过滤器等,可以非常方便,开解的操作DOM。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
你见过最古老的东西是什么,有多少年历史 WORD中怎么输出稿纸模式word中怎么输出稿纸模式 女性尿检阴性是什么意思 阴性尿检是什么意思 尿检阴性是什么 win10如何查看电脑配置参数 win10怎样查看电脑配置参数 多地对公职人员提接种要求 亚马逊订单可以退回任何Kohl's商店,7月份生效 亚马逊提供免费退货,珠宝退货卖家要承担运费吗 新的亚马逊退货政策惹争议!官方解答来了 PHV39型高危阳性什么意思 肠癌晚期能治好吗?急切找到答案拜托各位了 3Q 这些是名侦探柯南的哪几集啊? 兰博基尼公司的介绍 夜书所见的资料急急急 最顶级的电脑配置要多少钱一台 名侦探柯南的节目表 山核桃枝需长期喝吗 名侦探柯南的日语 名词解释:城市体系 名侦探柯南目录1~567 小米4和4C的差距 韩语字母表 小米4c有几毫米厚 通天塔的经典台词 windows764位极速优化旗舰版是什么意思 小米4C分辨率是多少 小米4c的使用说明书 关于音频线转接头 片上系统(SOC)是什么东西 古代父母会在嫁妆柜里放春画,意义何在呢? 如何理解Vue渐进式框架 什么是春宫 Vue中 什么是列表的渐进过渡 明代的唐伯虎先生,为何大量创作春宫图? 国外什么是春宫 红楼中的王夫人,为何不喜欢王熙凤? 唐伯虎个人简历 关于法律,民事诉讼法第二十二条规定 vuenewSet().add 用run out造句 英语run+out+of和money怎么造句 run out of,run out的用法、区别、意义 用完刀子用英语怎么说,用完要用run out 来造句 黑板报开学主题内容是什么? take away和run out怎么造句? 初中语文的《狼》谁能翻译一下 英语中run out of具体的用法谁知道? 关于爱学习黑板报资料