Vue到底是怎样个框架？

Vuejs是什么？

Vuejs是一个构建数据驱动的web界面的渐进式框架。Vuejs的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它，“vuejs兼具angularjs和reactjs的优点，并剔除了它们的缺点”

Vuejs有什么优点呢？

1、Vue更容易上手！目前Vue是排名第三的前端框架。正式因为他简单易学，很多前端开发工程师可以很快掌握并且应用到实际开发中。

2、Vue的语法很自由

·前期不需要认识复杂的生命周期函数，可能只关心mounted和VuenextTick

·熟悉的前端模板

·父子组件间通信更灵活

·slot，可以大尺度地扩展组件（但也不要过度使用哦）

·v-model，mvvm的方式处理表单更方便

简单的看了一下，这个应该不属于框架，从组建构造上来讲是和reactjs类似的构造UI组件的。从整体逻辑来讲，他要解决的是MVVM的VM这个部分，就是如何把应用程序的model和view联系起来的这个VM(viewmodel)部分。众所周知，MVC这个designpattern争议大的就是这个C的部分，所以才有各种MV的方案提出。

他使用起来确实比reactjs简单方便多了。代码也清晰。借鉴了angularjs的declarative的特点。

另外文档，例子做的都很漂亮。上手比较快，这些都是很好的优点。

如果能有一些更全面的文档，不仅显示小的例子，还能介绍一下如何在大型的应用程序（使用比如angularjsember这样框架开发的）中使用vue就更好了

学习前端框架 Vue 的步骤如下：

了解 Vue 框架的基本概念和特点。了解 Vue 框架的基本架构和工作原理，包括 Vue 的视图层渲染、数据绑定、组件化和路由等功能。

学习 Vue 框架的基本语法和使用方法。包括 Vue 的模板语法、组件定义、数据绑定、事件处理、路由使用等。

学习 Vue 框架的高级功能。包括 Vuex 状态管理、Vue Router 路由、Vue Server Renderer 服务端渲染等。

学习 Vue 框架的实战应用。通过实战项目，加深对 Vue 框架的理解和应用能力。

学习时间的安排可以根据个人的学习能力和进度进行调整，但是一般来说，学习 Vue 框架的基本概念和语法可以在一周左右的时间内完成。如果想要学习 Vue 的高级功能和实战应用，则可能需要更长的时间。

建议在学习 Vue 框架时，能够结合官方文档和一些教程进行学习，并尝试自己动手写一些简单的代码来练习。通过实际操作和练习，能够更快地掌握 Vue 框架的知识和技能。

vue框架算是最近前端开发很好的工具。可以突破以前所没有实时更新页面。很有发展前景，很多大公司现在正在使用。

Vue框架诞生于2014年，其作者为中国人——尤雨溪，也是新人最容易入手的框架之一，不同于React和Angular,其中文文档也便于大家阅读和学习。Vue用于构建交互式的Web界面的库，是一个构建数据驱动的Web界面渐进式框架，该框架遵循CMD规范，并且提供的设计模式为MVVM模式（Model->View->View-Model）和一个可组合的组合型组件系统，具有简单的、灵活的API(接口)。该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术，是一款较新的功能性框架。

在这里介绍下什么是虚拟DOM和双向数据绑定：

1、虚拟DOM（Virtual DOM），顾名思义，从字面上理解就是虚构的DOM树，当我们用传统的原生API或者jQuery去操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。即使计算机硬件一直在更新迭代，但是操作真实DOM的代价仍旧很昂贵，真实的DOM节点，哪怕是一个最简单的div也包含很多属性，所以频繁的操作，会导致页面卡顿，影响用户的体验。为了解决这个浏览器性能问题，虚拟DOM（Virtual DOM）就被设计出来了，其核心算法是Diff算法。它会将一次操作过程中对真实DOM所有更新的diff内容保存到本地的一个js对象中，最终将这个js对象一次性attach到DOM树上，通知浏览器去执行绘制工作，避免了大量的无谓的计算量。

用js对象模拟DOM节点的好处是：页面的更新可以先全部反应在js对象上，操作内存中的js对象的速度明显要快的多。等更新完成后，在将最终的js对象映射成真实的DOM，交由浏览器去绘制。（提高了性能，并且运行速度快）

2、双向数据绑定，在讲双向数据绑定前，我们要想说下单向数据绑定，单向数据绑定，就是把Model绑定到View上，当我们用JavaScript代码更新Model时，View就会自动更新了（Model-->View）。那么双向数据绑定就是，用户更新了View，Model的数据也会自动被更新（Model<-->View）。什么情况下用户可以更新View呢？举个最直接的例子，填写表单，当用户填写表单时，View的状态就被更新了，如果此时MVVM框架可以自动更新Model的状态，那么就相当于我们把Model和View做了双向数据绑定。其原理是我们要对input进行value 的属性绑定（v-bind：value=””）将Model中的变量绑定到View上（Model->View）以及当用户对input进行操作时，进行事件监听（v-on：input=””）将View上的更新传回Model中（View->Model）从而实现双向数据绑定，在Vue中，以上操作过于繁琐，便提供了v-model直接实现双向数据绑定的效果。

在进行Vue项目开发过程中，我们可以通过script标签引入式写法来引入vue或者是nodejs自带的包管理工具npm安装vue。并且通过new Vue（）进行新建一个Vue的实例对象，其下有很多属性，包括el、data、methods、computed、watch等等，el为指向页面的节点元素，data存储数据，数据类型包括simple datatype（简单数据类型）以及complex datatype（复杂数据类型），用插值表达式{{}}显示，在插值显示的时候，不需要写上data，methods内存储方法，通过fn（）的形式调用方法，computed内存储也是方法，但是其为计算数据，复杂逻辑的应该存储在computed中，计算属性是基于它们的依赖进行缓存的，由于computed带有一层缓存，所以只有在它的相关依赖发生改变时才会重新运行，而methods则是调用一次生成一次，computed中的方法调用时不需要加（）的，watch为监听，监控，监听data中的属性值也可以监控对象，存在两个参数（currentValue当前值和prevValue之前值）。

1、优点：性能好简单易用前后端分离单页面应用用户体验好缺点：vue是做单页应用的，多页应用虽然也可以做，但是不够灵活。

2、缺点：新生儿：Vuejs是一个新的项目，没有angular那么成熟。影响度不是很大：google了一下，有关于Vuejs多样性或者说丰富性少于其他一些有名的库不支持IE8。

3、Vue的优缺点：易于使用：Vuejs包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vuejs都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。

4、vue优点：因其性能好、入门快、轻量化、可拓展性强、数据流双向绑定、灵活、模块友好等特点，成为了许多前端开发者搭建框架的首选。jsp取数据比较方便，而且是后端直接渲染返回html，因而天然可以做seo。

5、在组件开发中都支持mixins的特性。不同点：React依赖VirtualDOM，而Vuejs使用的是DOM模板。React采用的VirtualDOM会对渲染出来的结果做脏检查。Vuejs在模板中提供了指令，过滤器等，可以非常方便，快捷地操作DOM。

6、轻量级Angular的学习成本高，使用起来比较复杂，而Vue相对简单、直接，所以Vue使用起来更加友好。