Question

使用vue组件有什么优缺点？

Answer 1

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。