mvcmvvm区别 mvvm的区别

angularjs和vue有什么区别

angularjs和vuejs的区别有：前者是mvvm框架难学后者是渐进式框架，简单易上手；前者是在整个html页面下实例化的而后者是需要一个el对象来进行实例化；指令的格式也不相同

mvcmvvm区别 mvvm的区别

mvcmvvm区别 mvvm的区别

angularjs和vue都是前端中流行的两大框架，今天将为大家分享的是这两者之间的区别，具有一定的参考作用，希望对大家有所帮助

【课程：AngularJS教程、vuejs教程】

AngularJS的特点：

AngularJS是由Google推出的一款Web应用开发框架。它提供了一系列兼容性良好而且可扩展的服务，包括数据绑定、DOM作、MVC设计模式和模块载入等等。

（1）属于mvvm框架，框架较繁杂实现某个功能需要引入大量文件

（2）模块化（Module）（Contoller）依赖注入

（3）双向数据绑定：界面的作能实前端开发和web前端开发无区别，叫法不一样时反映到数据，数据的变更能实时展现到界面。

（4）指令(ng-click ng-model ng-href ng-src ng-if...)

（5）服务Serv($compile $filter $interval $timeout $...)

vue.js的特点

vue.js是一个构建用户界面的渐进式框架。 采用自底向上增量开发的设计。它的目标在于通过简单的API实现响应的数据绑定和组合的视图组件

（1）模块化，目前最热的方式是在项目中直接使用ES6的模块化，结合Webpack进行项目打包

（2）组件化，创造单个component后缀为.vue的文件，包含template(html代码)，script(es6代码),style(css样式)

（3）路由

AngularJS与vue.js的3. 学费性价比高区别

（1）Angular是mvvm框架, 而vue是一个渐进式的框架, 相当于view层, 而且属于轻量级框架，而angularjs就比较全面但不如vuejs快捷

（2）两者都具备双向绑定，但Angularjs是基于检查机制，vue是基于ES5的getter和setter来实现的

（3）Angularjs上手难，而vuejs简单易学

（4）Angularjs的指令都是ng-xxx，而vuejs的指令都是v-xxx

（5）Angularjs是在整个html页面下进行实例化，而vue需要一个el对象进行实例化

（6）Angularjs适合用于大型项目的开发，vuejs一般用于移动端的开发

总结：

MVC与MVVM区别？

2、前端特点

MVVM与MVC的区别就是：MVVM实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。非常的神奇~

MVC,MVP,MVVM是三种常见的前端架构模式(Architectural Pattern),它通过分离关注点来改进代码组织方式。不同于设计模式(Design Pattern),只是为了解决一类问题而总结出的抽象方法，一种架构模式往往能使用多种设计模式。

MVC模式是MVP,MVVM模式的基础，这两种模式更像是MVC模式的优化改良版,他们三个的MV即Model，view相同，不同的是MV之间的纽带部分。

拓展内容：MVC全名是Model View Controller，是模型(model)－视图(view)－(controller)的缩写，一种软件设计，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

MVVM本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们以上所述是我给大家介绍的Vue.js 2.0 和 React、Augular等其他前端框架拼，希望对大家有所帮助，如果大家有任何疑问请给我留言，我会及时回复大家的。在此也非常感谢大家对指令码之家网站的支援！做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画??，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。

AngularJS 究根到底是 MVC 还是 MVVM?

Web前端优化

首先为什么我们会需要MVC？因为随着代码规模越来越大，切分职责是大势所趋，还有为了后期维护方便，修改1、运行环境不同一块功能不影响其他功能。还有为了复用，因为很多逻辑是一样的。而MVC只是手段，目标是模块化和复用。

在MVC原始报告中指出：view永远不会知道用户输入，比如鼠标作和按键。很显然，在Web前端，你无法做到这一点

John Gosan（WPF的架构师）在他的文章中提到，Model/View/ViewModel中的View表示可见元素，按钮，窗体，图形或者GUI中更复杂的控件，它会对快捷键进行编码

AngularJS是一款开源的谷歌出品的JaScript MV（MVW、MVVM、MVC）框架，早期的四大MVVM框架有angularjs（谷歌公司），emberjs（苹果公司），knockoutjs，winjs（后两个均是微软出品）

mvc的界面和逻辑关联紧密，数据直接从数据库读取。mvvm的界面与viewmode是松耦合，界面数据从viewmodel中获取。

所以，angularjs是更适合于MVVM。

认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别

1.与AngularJS的区别

首先，我们先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(视图)+controller()，主要是基于分层的目的，让彼此的职责分开。View通过Controller来和Model联系，Controller是View和Model的协调者，View和Model不直接联系，基本联系都是单向的。用户User通过Controller来作模板Model从而达到视图View的变化。2.MVP：是从MVC模式演变而来的，都是通过Controller/Presenter负责逻辑的处理+Model提供数据+View负责显示。在MVP中，Presenter完全把View和Model进行了分离，主要的程序逻辑在Presenter里实现。并且，Presenter和View是没有直接关联的，是通过定义好的接口进行交互，从而使得在变更View的时候可以保持Presenter不变。MVP模式的框架：Riot,js。3.MVVM：MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的变化会自动更新到ViewModel,ViewModel的变化也会自动同步到View上显示。这种自动同步是因为ViewModel中的属性实现了Observer，当属性变更时都能触发对应的作。MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js后两种知名度较低以及是早起的框架模式。Vue.js是什么？看到了上面的框架模式介绍，我们可以知道它是属于MVVM模式的框架。那它有哪些特性呢？其实Vue.js不是一个框架，因为它只聚焦视图层，是一个构建数据驱动的Web界面的库。Vue.js通过简单的API（应用程序编程接口）提供高效的数据绑定和灵活的组件系统。Vue.js的特性如下：1.轻量级的框架2.双向数据绑定3.指令4.插件化Vue.js与其他框架的区别？1.与AngularJS的区别相同点：都支持指令：内置指令和自定义指令。都支持过滤器：内置过滤器和自定义过滤器。都支持双向数据绑定。都不支持低端浏览器。不同点：1.AngularJS的学习成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比较简单、直观。2.在性能上，AngularJS依赖对数据做检查，所以Watcher越多越慢。Vue.js使用基于依赖的观察并且使用异步队列更新。所有的数据都是触发的。对于庞大的应用来说，这个优化异还是比较明显的。2.与React的区别相同点：React采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用。中心思想相同：一切都是组件，组件实例之间可以嵌套。都提供合理的钩子函数，可以让开发者定制化地去处理需求。都不内置列数AJAX，Route等功能到核心包，而是以插件的方式加载。在组件开发中都支持mixins的特性。不同点：React依赖VirtualDOM,而Vue.js使用的是DOM模板。React采用的VirtualDOM会对渲染出来的结果做检查。Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地作DOM。如何使用Vue.js?1.安装（1）script如果项目直接通过script加载CDN文件，代码示例如下：(2)npm如果项目给予npm管理依赖，则可以使用npm来安装Vue,执行如下命令：$npmivue--se-dev(3)bower如果项目基于bower管理依赖，则可以使用bower来安装Vue，执行如下命令：$bowerivue--se-dev

相同点：

都支持指令：内置指令和自定义指令。

都支持过滤器：内置过滤器和自定义过滤器。

都不支持低端浏览器。

不同点：

1.AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。

2.在性能上，AngularJS依赖对数据做检查，所以Watcher越多越慢。

Vue.js使用基于依赖的观察并且使用异步队列更新。所有与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标的数据都是触发的。

对于庞大的应用来说，这个优化异还是比较明显的。

2.与React的区别

相同点：

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

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

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

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

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

不同点：

React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做检查。

Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地作DOM。

前端开发和web前端开发的区别

都不支援低端浏览器。

移动前端开发和web前端开发都属于前端开发，具体有以下区别。

1、业务的应用场景

web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上。

直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验，页面大可并不代表书写的代码复杂，页面小也并不意味着开发简单，难与易主要还是取决于具体的业务需求。

2、新技术的使用

由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术，而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用。

传统PC端的页面开发一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动端的页面由于其载体手机屏幕比PC要小很多，一般都会选择尽可能多的在手机屏幕上显示内容，这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行程度的利用。

从这一点上来说移动端页面的适配难度更高一些。

4、页面的性能

PC端的网络情况一般比较稳定，都是通过网线或者Wi-Fi连接网络，但是移动端就比较复杂，除了Wi-Fi，还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生。

不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大，否则在恶劣网络情况下时，页面将会无法访问 ，影响用户体验。

5、框架选型

而web端相对选择的范围就比较大，一些比较重型的框架也可以根据项目需求加以考虑，例如古老但庞大的ext.js，依然凭借着众多UI组件活跃在一些企业的后台管理系统项目中。

扩展资料

Web前端开发需要掌握的技术：

2、掌握Ajax异步编程，能够写出高性能、可复用的前端组件。MVVM在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能是完成数据的绑定，即把model绑定到UI的元素上。

3、对OO、MVC、MVVM等编程思想、前端框架有深刻理解，熟练掌握一个前端框架（常用前端框架 Vuejs，AngularJS，React，Bootstrap，QUICK UI，移动端有：Frozen UI，weUI ，SUI，MUI，AUI）了解其原理（框架有很多，选择两三个主流的框架，熟练，深度了解才可以）。

4、善于Web性能优化，可访问性、对SEO等有良好的体验；理解表现层与数据层分离的概念、 Web语义化（这些也是在找工作中，很有用的加分项）。

5、了解前端安全机制，熟悉HTTP协议以及浏览器缓存策略。

6、熟悉常见JS开发框架源码实现，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟练一种（当然也不要去选一些用的人很少的框架，要明白大项目都是团队做，不能自己搞一套）。

7、拥有良好的代码编写，设计文档撰写的经验，熟练使用Git等版本控制工具。

8、对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案，如IE6/7/8/9、 Firefox、Safari、Chrome。

9、具有较高的审美（这个很重要，多去见识一些模板，高端的项目，就能感觉到有多大的距）。

前端和后端开发有什么区别吗？

都支援双向资料系结。

一、前后端开发岗位的区别

1、对于初学者来说

（1）前端：入门简单，先易后难，能看到自己做出来的展示界面，有成就感；

（2）后端：入门难，深入更难，枯燥乏味，没有太大成就感，看一堆业务逻辑代码。

2、对于程序员来说

在实际的开发过程中，这个阶段对前后端的要求还是蛮低的，尤其是后端，新员工经过培训之后都可以参与到后端开发中，这些都是比较浅的技术层面，没有太高的技术门槛，需要做的是先编码成为熟练工种。

（1）前端开发人员精通HTML、CSS和JS，能熟练使用JQuery，并能熟练应用于页面布局、页面样式和屏幕分辨率自适应以及交互效果的开发等工作；

（2）后端开发人员熟练使用一门编程语言（比如：Ja、C#、Python、C++等）和懂一些设计模式，会编写SQL语句并懂数据库设计。

3、对于工程师来说

（1）对于有了一定经验的前端软件工程师来说，这个阶段需要懂Node.js、Vue.js、React.js等前端框架， 涉及到前端开发架构和开发效率（比如：组件、模版和验证/解析方法封装等等）等一系列问题。

（2）对于有了一定经验的后端软件工程师来说，这个阶段需要懂Spring/MVC、iBatis等框架，涉及到数据结构、设计模式、后端开发架构和开发效率（比如：业务功能和方法封装等等）等一系列问题。

4、对于技术或者架构师来说

这个阶段编程已经不是主要工作了，但必须具备上面的技能，还需要具备架构能力，跟开发者已经不在一个ll上了，主要区别在于技术力，本文只探讨前后端开发，就不再往下延伸了。

二、前端和后端开发内容的区别

（1）Web前端代码主要在客户端（PC、手机、pad）运行；

（2）Web后端的代码主要在服务端运行，可以在提供服务厂家的数据中心，也可以在云端。

2、与用户紧密关系不同

（1）前端重用户体验，主要是考虑怎样能让用户觉得用起来更舒服，考虑界面布局、交互效果、大数据量页面加载速度等等，主要是偏向用户看得见的部分，客户端（pc、手机、pad）上浏览web页面，处理各个浏览器平台的兼容和对界面的渲染异，对UI库的依赖较强；

（2）后端更多是考虑业务逻辑、数据库表结构设计、数据的事务作、跨平台API设计、负载均衡、应用和服务部署等等，更多的是考虑用户看不到的部分，保证业务逻辑处理数据的严谨，保证用户访问数据吞吐的性能。

3、需求变更带来的影响不同

（1）前端主要怕系统原型的频繁变更，布局样式、交互效果的需求变更；

（2）后端主要怕业务逻辑变更，或者当使用规模增大之后对稳定性带来的影响。

4、前后端通吃的全栈工程师

作为一个前端开发人员，如果它懂得后端，那他可能会很容易理解为什么要通过多个后端接口获取数据后，才能组装上它所需要的数据？

这两种情况下如果大家相互理解，如果全栈工程师就不需要大量沟通提高了开发效率；而为了解决这个问题，很多开发架构分离出数据作的职责给ViewModel，它是由MVC框架演变为MVP和MVVM框架而来的，在MVP框架中View 与 Model 不发生联系，由后端实现通过 Presenter 传递；而MVVM框架中ViewModel 只关心数据和业务的处理，不关心 View 如何处理数据，在这种情况下，View 和 Model 都可以出来，由前端实现双向数据绑定。

三、前后端开发业务应用的区别

很多开发者跟我交流，大多数开发人员认为：做后端开发天生是有优越感的。因为与前端相比，后端更加接近业务本质，数据结构基本上都是后端来设计的，对公司的业务后台开发也更加了解，所以在很多人眼中或者潜意识里：后端比前端要重要。这也是很多人选择做后台开发的原因。然而事实真的如此吗？

如果非得下个结论的话，就从软件项目和软件产品两个维度说一下侧重点：

如果是做项目的思路：初期以功能为主，更侧重后端开发，后期功能稳定后更侧重前端开发，做得好可以把项目软件提升档次；

如果做产品的思路：更多的是采用MVP（minimum viable product，最小化可行产品）不断迭代的开发方式，而MVP方式更注重在前端界面等涉及到用户体验方面的模块开发，当然相对应的后端功能开发也必须跟上。

一、什么是前端？

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JaScript/ajax，的高级版本HTML5、CSS3，以及SVG等。

3、前端主要技术：HTML、CSS、JaScript

这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。

（1）HTML

指的是超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到5.0版了，得力于W3C建立的标准和规范，已普遍升级到了XHTML，XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）， XHTML 于2000年的1月26日成为 W3C 标准，是更严格更纯净的 HTML 代码，XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的，XHTML 是作为一种 XML 应用被重新定义的 HTML，是一个 W3C 标准。W3C 将 XHTML 定义为的HTML版本。所有新的浏览器都支持 XHTML。

（2）CSS

级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充指定网页元素位置，外观以及创建特殊效果的能力。

（3）JaScript

是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Nigator加入了Jascript，提供了数据验证的基本功能。

二、什么是后端？

1、后端概念

可能会参与构建框架或系统架构，以便于更容易编写程序。后端开发人员比前端开发人员花费更多的时间在实现算法和解决问题上。通常前端开发工作更多的是关于创建用户界面和与之相关的内容，而不是实现实际的业务逻辑，使应用程序工作。

2、后端开发主要技术

前端开发人员需要知道一系列用于创建用户界面的工具，而后端开发人员通常使用的是一套完全不同的工具和技能，以便于高效地完成他们的工作。后端开发人员所需的一个重要技能与SQL和数据库有关。大多数后端系统需要连接到存储应用程序数据的数据库。

后端开发人员通常的工作是从数据库或其他数据源写入、读取和处理数据，因此拥有SQL等技能会非常重要。后端开发人员——至少对于Web开发——也需要擅长他们正在使用的技术栈的端语言。

后端开发人员需要更多地了解应用程序架构，因为大多数情况下，后端开发人员需要去构建应用程序的体系结构和内部设计。一个好的后端开发人员得知道如何使用各种框架和库，如何将它们集成到应用程序中，以及如何构建代码和业务逻辑，用一种使系统更易于维护的方式。

前端用户可见的界面，网站前端页面就是网页的页面开发，前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容；后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

Web前端和后端的区别：

1、展示方式

前端是用户可见的界面，3、页面的适配前端页面也就是网页的页面开发，比如网页上的、布局、、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

后端用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

2、技术实现

前端开发用到的技术包括但不限于html5、css3、jascript、jquery、Bootstrap、Node.js 、Webpack，AngularJs，ReactJs，VueJs等技术；后端开发以ja为例主要用到的是包括但不限于Struts spring springmvc Hibernate Http协议 Servlet Tomcat等技术。

3、工作内容

前端工程师负责Web前端开发、移动端开发、大数据呈现端开发。Web前端开发针对PC端开发任务；移动端开发包括Android开发、iOS开发和各种小程序开发，在移动互联网迅速发展的带动下，移动端的开发任务量是比较大的；大数据呈现则主要是基于已有的平成最终分析结果的呈现，呈现方式通常也有多种选择。

后端工程师负责平台设计、接口设计和功能实现。平台设计主要是搭建后端的支撑服务容器；接口设计主要针对于不同行业进行相应的功能接口设计，通常一个平台有多套接口，就像卫星导航平台设有民用和军用两套接口一样；功能实现则是完成具体的业务逻辑实现。

前后端开发的相似点：函数式编程、模块化思想、分层思想、单元测试、lint、assert 方法、日志、声明式和命令式的实践经验、数据处理的本质实践与思考、部分库的使

前后端开发的区别：前端、重用户体验、对UI库的依赖较强、界面的个性化较强、处理各个浏览器平台对界面的渲染异、后端、并发处理、事务、部署复杂，特别是微服务出来后、具体的功能特性，如大数据分析，AI方面的工作。

通过以上总结的Web前端和后端的区别，可以看出前端开发的内容是我们在网页看到的内容，而后端开发主要业务逻辑规则。

有的人认为，前端很好学，后端不好学。也有的人认为，前端不好学，后端好学，归根到底还得看个人兴趣。

mvvm和mvc的区别

本地渲染

MVVM和MVC的区别就是MVVM实现了自动同步，MVVM比较精简。

1、MVVM实现了自动同步

它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不需要再手动作Dom元素来改变View的现实，而是改变属性后该属性对应View层显示会自动改变（对应Vue数据驱动的思想）。

2、MVVM比较精vue是什么简

MVVM比MVC也精简了许多，不仅简化了业务和界面的依赖，还解决了数据频繁更新的问题，不在用选择器作DOM元素，因为在MVVM中View不知道Model的存在，Model和ViewModel也观察不到View，这种低耦合模式提高了代码的可重用性。

MVC

MVC全名是（Model View Controller），是模型——视图——的缩写，一种软件设计模型（model）：是应用程序中用于处理应用程序数据逻辑的部分，通常模型对象负责在数据库中存取数据视图（view）：是应用程序中处理数据显示的部分。

通常视图是依据模型数据创建的（controller）：是应用程序中处理用户交互的部分。通常负责从视图读取数据：控制用户输入，并且向模型发送数据。

MVc的思想：简单说就是controller负责将model中的数据用view显示出来换句话说就是在controller里面吧model的数据赋值给view。

MVC与MVVM区别？

Vue.js (读音 /vju?/，类似于 view) 是一套基于jascript的用于构建使用者介面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注检视层，它不仅易于上手，还便于与第三方库或既有专案整合。另一方面，当与单档案元件和 Vue 生态系统支援的库结合使用时，Vue 也完全能够为复杂的单页应用程式提供驱动。

在MVC里，View是可以直接访问Model的。从而，View里会包含Model信息，不可避免的还要包括一些业务逻辑。

MVC模型关注的是Model的不变，所以，在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。

不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。

拓展资料：

MVC全名是Model View Controller，是模型(model)－视图(view)－(controller)的缩写，一种软件设计，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。

MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Mo1、熟练掌握前端开发技术(HTML5、JS、JSON、XHTML、CSS3)，了解各项技术的相关标准。del），有几大好处

1. 低耦合。视图（View）可以于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model不可以不变，当Model变化的时候View也可以不变。

2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。

3. 开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xaml代码。

4. 可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。

参考资料：

MVVM与MVC的区别就是：MVVM实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。非常的神奇~

MVC,MVP,MVVM是三种常见的前端架构模式(Architectural Pattern),它通过分离关注点来改进代码组织方式。不同于设计模式(Design Pattern),只是为了解决一类问题而总结出的抽象方法，一种架构模式往往能使用多种设计模式。

MVC模式是MVP,MVVM模式的基础，这两种模式更像是MVC模式的优化改良版,他们三个的MV即Model，view相同，不同的是MV之间的纽带部分。

拓展内容：MVC全名是Model View Controller，是模型(model)－视图(view)－(controller)的缩写，一种软件设计，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

MVVM本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。

在MVC里，View是可以直接访问Model的！从而，View里会包含Model信息，不可避免的还要包括一些业务逻辑。 MVC模型关注的是Model的不变，所以，在MVC模型里，Model不依赖于View，但是 View是依赖于Model的。不仅如此，因为有一些业务逻辑在View里实现了，导致要更改View也是比较困难的，至少那些业务逻辑是无法重用的。

有人做过测试：使用Angular（MVVM）代替Backbone（MVC）来开发，代码可以减少一半。

此外，MVVM另一个重要特性，双向绑定。它更方便你同时维护页面上都依赖于某个字段的N个区域，而不用手动更新它们。

mvc的界面和逻辑关联紧密，数据直接从数据库读取。mvvm的界面与viewmode是松耦合，界面数据从viewmodel中获取。如果你写代码的时候在界面的cs文件里有很多业务逻辑代码，那么你使用的就不是mvvm，而是mvc

大前端和小前端的区别

最近几年前端开发比较热门，相信同学们对前端开发有一定的了解，但是对于大前端还是有很多困惑。前端和大前端有什么区别?下面小编来给大家分析一下。

前端即网多数后端开发人员从事于构建他们正在工作的应用程序背后的实际逻辑。前端开发人员构建用户界面，而后端开发人员编写代码，使其工作。后端开发人员写可使得按钮工作的代码，通过指出从数据库中提取哪些数据并将其传回到前端。后端开发人员也可能会大量参与系统架构，决定如何组织系统的逻辑，以便能够正常维护和运行。站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。简单地说，能够从 App

屏幕和浏览器上看到的东西都属于前端。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JaScript/ajax，的高级版本HTML5、CSS3，以及SVG等。

而大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。

这大前端感觉就Polymer 是另一个由谷歌赞助的专案，事实上也是Vue的一个灵感来源。Vue的元件可以粗略的类比于Polymer的自定义元素，并且两者具有相似的开发风格。的不同之处在于，Polymer是构建于版的Web Components标准之上的，并且需要非凡的polyfills来工作（效能下降），浏览器本身不支援这些功能。相比而言，Vue不需要依赖polyfills来工作，到IE9。是之前的网站开发工程师，只是不管数据了，从后台工程师那边调用数据api。个人认为这样的提法，把前端给倒退了。

前端开发和web前端开发的区别

vue和其他前端框架区别

移动前端开发和web前端开发都属于前端开发，具体有以下区别。

1、业务的应用场景

web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上。

直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验，页面大可并不代表书写的代码复杂，页面小也并不意味着开发简单，难与易主要还是取决于具体的业务需求。

2、新技术的使用

由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术，而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用。

传统PC端的页面开发一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动端的页面由于其载体手机屏幕比PC要小很多，一般都会选择尽可能多的在手机屏幕上显示内容，这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行程度的利用。

从这一点上来说移动端页面的适配难度更高一些。

4、页面的性能

PC端的网络情况一般比较稳定，都是通过网线或者Wi-Fi连接网络，但是移动端就比较复杂，除了Wi-Fi，还有2G、3G、4G甚至是在几种不同的网络连接中交替切换也经常发生。

不稳定的网络连接对页面性能带来的挑战是移动端的页面资源不能太大，否则在恶劣网络情况下时，页面将会无法访问 ，影响用户体验。

5、框架选型

而web端相对选择的范围就比较大，一些比较重型的框架也可以根据项目需求加以考虑，例如古老但庞大的ext.js，依然凭借着众多UI组件活跃在一些企业的后台管理系统项目中。

扩展资料

Web前端开发需要掌握这么说，就是希望你能对这两个库的比较的公平性感到放心。的技术：

2、掌握Ajax异步编程，能够写出高性能、可复用的前端组件。

3、对OO、MVC、MVVM等编程思想、前端框架有深刻理解，熟练掌握一个前端框架（常用前端框架 Vuejs，AngularJS，React，Bootstrap，QUICK UI，移动端有：Frozen UI，weUI ，SUI，MUI，AUI）了解其原理（框架有很多，选择两三个主流的框架，熟练，深度了解才可以）。

4、善于Web性能优化，可访问性、对SEO等有良好的体验；理解表现层与数据层分离的概念、 Web语义化（这些也是在找工作中，很有用的加分项）。

5、了解前端安全机制，熟悉HTTP协议以及浏览器缓存策略。

6、熟悉常见JS开发框架源码实现，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟练一种（当然也不要去选一些用的人很少的框架，要明白大项目都是团队做，不能自己搞一套）。

7、拥有良好的代码编写，设计文档撰写的经验，熟练使用Git等版本控制工具。

8、对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案，如IE6/7/8/9、 Firefox、Safari、Chrome。

9、具有较高的审美（这个很重要，多去见识一些模板，高端的项目，就能感觉到有多大的距）。

认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别

简洁、轻量、元件化、快速、资料驱动、模组友好

认识Vue.js+Vue.js的优缺点+和与其他前端框架的区别 首先，我们先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(检视)+controller()，主要是基于分层的目的，让彼此的职责分开。View通过Controller来和Model联络，Controller是View和Model的协调者，View和Model不直接联络，基本联络都是单向的。使用者User通过Controller来作模板Model从而达到检视View的变化。2.MVP：是从MVC模式演变而来的，都是通过Controller/Presenter负责逻辑的处理+Model提供资料+View负责显示。在MVP中，Presenter完全把View和Model进行了分离，主要的程式逻辑在Presenter里实现。并且，Presenter和View是没有直接关联的，是通过定义好的介面进行互动，从而使得在变更View的时候可以保持Presenter不变。MVP模式的框架：Riot,js。3.MVVM：MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的变化会自动更新到ViewModel,ViewModel的变化也会自动同步到View上显示。这种自动同步是因为ViewModel中的属性实现了Observer，当属性变更时都能触发对应的作。MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js后两种知名度较低以及是早起的框架模式。Vue.js是什么？看到了上面的框架模式介绍，我们可以知道它是属于MVVM模式的框架。那它有哪些特性呢？其实Vue.js不是一个框架，因为它只聚焦检视层，是一个构建资料驱动的Web介面的库。Vue.js通过简单的API（应用程式程式设计介面）提供高效的资料系结和灵活的元件系统。Vue.js的特性如下：1.轻量级的框架2.双向资料系结3.指令4.外挂化Vue.js与其他框架的区别？1.与AngularJS的区别相同点：都支援指令：内建指令和自定义指令。都支援过滤器：内建过滤器和自定义过滤器。都支援双向资料系结。都不支援低端浏览器。不同点：1.AngularJS的学习成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比较简单、直观。2.在效能上，AngularJS依赖对资料做检查，所以Watcher越多越慢。Vue.js使用基于依赖的观察并且使用非同步伫列更新。所有的资料都是触发的。对于庞大的应用来说，这个优化异还是比较明显的。2.与React的区别相同点：React采用特殊的JSX语法，Vue.js在元件开发中也推崇编写.vue特殊档案格式，对档案内容都有一些约定，两者都需要编译后使用。中心思想相同：一切都是元件，元件例项之间可以巢状。都提供合理的钩子函式，可以让开发者定制化地去处理需求。都不内建列数AJAX，Route等功能到核心包，而是以外挂的方式载入。在元件开发中都支援mixins的特性。不同点：React依赖VirtualDOM,而Vue.js使用的是DOM模板。React采用的VirtualDOM会对渲染出来的结果做检查。Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地作DOM。如何使用Vue.js?1.安装（1）script如果专案直接通过script载入CDN档案，程式码示例如下：(2)npm如果专案给予npm管理依赖，则可以使用npm来安装Vue,执行如下命令：$npmivue--se-dev(3)bower如果专案基于bower管理依赖，则可以使用bower来安装Vue，执行如下命令：$bowerivue--se-dev

相同点：

都支援过滤器：内建过滤器和自定义过滤器。

不同点：

1.AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观。

2.在效能上，AngularJS依赖对资料做检查，所以Watcher越多越慢。

Vue.js使用基于依赖的观察并且使用非同步伫列更新。所有的资料都是触发的。

对于庞大的应用来说，这个优化异还是比较明显的。

2.与React的区别

相同点：

中心思想相同：一切都是元件，元件例项之间可以巢状。

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

都不内建列数AJAX，Route等功能到核心包，而是以外挂的方式载入。

在元件开发中都支援mixins的特性。

不同点：

React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做检查。

Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地作DOM。

我知道vue2.0和angularJS的区别，这两个框架非常的像，但是在vue2.0后可以将js+css写成一个元件，你想在什么页面用引入这个元件就可以用了。这很。

比如你在一个专案中自己写了个带搜寻框的input ，你把他写成了一个元件，xxx.vue

直接把xxx.vue移到另一个专案，只要在另一个专案中需要 带搜寻框的input ，直接引用就可以了。

现在大多数框架都是以一个元件的形式搭建一个专案

vue特点

相同点：

都支援过滤器：内建过滤器和自定义过滤器。

不同点：

1>AngularJS的学习成本高，比如增加了Dependency Injection(依赖注入)特性，而Vue.js本身提供的API都比较简单、直观。

2>在效能上，AngularJS依赖对资料做检查，所以Watcher越多越慢。

Vue.js使用基于依赖的观察并且使用非同步伫列更新。所有的资料都是触发的。

对于庞大的应用来说，这个优化异还是比较明显的。

手机渲染速度：angular1 300ms vue 200ms react 100ms

2.与React的区别

相同点：

中心思想相同：一切都是元件，元件例项之间可以巢状。

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

都不内建列数AJAX，Route等功能到核心包，而是以外挂的方式载入。

在元件开发中都支援mixins的特性。

不同点：

React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做检查。

Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地作DOM。

vue的应用场景

简单地说，就是需要对 DOM 进行很多自定义作的专案小专案;理论上 Vue 配合类似Flux的架构也可以胜任超大规模多人协作的复杂专案。

如何用vue.js和ionic搭建前端框架

前端可以用flightplan.js 部署。 var config = require("./webpack.config.js"); var webpack = require("webpack") var webpackDev=require("webpack-dev-server") confi

vue.js高仿饿了么外卖app 2016最火前端框架

React

React 和 Vue 有许多相似之处，它们都有：

使用 Virtual DOM

提供了响应式（Reactive）和元件化（Comable）的检视元件。

保持注意力集中在核心库，伴随于此，有配套的路由和负责处理全域性状态管理的库。

相似的作用域，我们会用更多的时间来讲这一块的比较。不仅我们要保持技术的准确性，同时兼顾平衡。我们指出React比Vue更好的地方，例如，他们的生态系统和丰富的自定义渲染器。

React社群在这里非常积极地帮助我们实现这一平衡，特别感谢来自 React 团队的 Dan Abramov 。他非常慷慨的花费时间来贡献专业知识，来帮我们完善这个档案，直到我们都满意。

效能

到目前为止，在现实的测试中，Vue 是优于 React 的（通常至少快20%-50%，尽管在某些情况下还要更快）。我们可以提供一个到这个参照专案的连结，但是坦率的说，所有的参照在某些方面是有缺陷的，很少有像你所写的一个真实应用。那么，让我们详细了解下吧。

渲染效能

在渲染使用者介面的时候，DOM的作是最昂贵，不幸的是没有库可以让这些原始作变得更快。

我们能做的的就是：

尽量减少DOM作。Vue 和 React 都使用虚拟DOM来实现，并且两者工作一样好。

尽量减少除DOM作以外的其他作。这是 Vue 和 React的一个不同的地方。

如说，在React中，渲染一个元素的额外开销是1，而平均渲染一个元件的开销是2。在Vue中，一个元素的开销更像0/vue/dist/vue.js"> 然后就可编写Vue程式码并应用到生产中，而不用担心效能问题。

由于起步阶段不需学JSX，ES2015 或构建系统，所以建立应用花的时间会更少。

ReactNative能使你用相同的元件模型编写有本地渲染能力的APP（IOS或Android）。能同时跨多平台开发，对开发者是非常棒的。相应地，Vue和Weex会进行合作，Weex是阿里的跨平台使用者介面开发框架，Weex 的 JaScript 框架执行时用的就是Vue。这以为著不仅在浏览器，在 IOS 和 Android 上面也可以用 Vue 来进行开发。

在现在，Weex 还在积极发展，成熟度也不能和 ReactNative 相抗衡。但是，Weex的发展是由世界上的电子商务企业的需求在驱动，Vue 团队也会和 Weex而作为一个后端开发人员，如果它懂得前端，那他可能会很容易理解为什么后端接口都设计得如此完整，而前端还要求我再定义一个接口来返回一部分的数据呢？ 团队积极合作确保为开发者带来良好的开发体验。

MobX

Mobx 在 React 社群很流行，实际上在Vue也采用了几乎相同的反应系统。在有限程度上，React + Mobx 也可以被认为是更繁琐的 Vue，所以如果你习惯组合使用它们，那么选择 Vue 会更合理。

Angular 1

Due的一些语法和Angular的很相似（例如 v-if vs ng-if）。因为Angular是Vue早期开发的灵感来源。然而，Augular中存在许多问题，在Vue中已经得到解决。

复杂性

在 API 与设计两方面上 Vue.js 都比 Angular 1 简单得多，因此你可以快速地掌握它的全部特性并投入开发。

灵活性和模组化

Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程式，而不是在任何时候都必须遵循 Angular 1 制定的规则，这使让Vue能适用于各种专案。我们知道把决定权交给你，是非常必要的，就是是为什么提供Webpack template，让你用几分钟，去选择是否用高阶特性，比如热模组载入、linting 、

Css extraction 等等。

资料系结

Angular 1 使用双向系结，Vue在不同元件间强制适用单向资料流。这使应用中的资料流清晰易懂。

指令与元件

在 Vue 中指令和元件分得更清晰。指令只封装 DOM 作，而元件代表一个自给自足的单元 —— 有自己的检视和资料逻辑。在 Angular 中两者有不少相混的地方。

效能

Vue.js 有更好的效能，并且非常非常容易优化，因为它不使用检查。

在Angular 1中，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有 watcher 都要重新计算。并且，如果一些 watcher 触发另一个更新，检查回圈（digest cycle）可能要执行多次。 Angular 使用者常常要使用深奥的技术，以解决检查回圈的问题。有时没有简单的办法来优化有大量 watcher 的作用域。

Vue.js 则根本没有这个问题，因为它使用基于依赖的观察系统并且非同步列队更新，所有的资料变化都是地触发，除非它们之间有明确的依赖关系。

有意思的是，Angular 2 和 Vue 用相似的设计解决了一些 Angular 1 中存在的问题。

Angular 2

Augluar 2完全是一个全新的框架。例如,它具有的元件系统，并且许多实现已经完全重写，API也完全改变了。

TypeScript

Angular 1面向的较小的应用程式，Angular 2已转移焦点，面向的是大型企业应用。TypeScript被引用，这对那些喜欢用Ja或者C#等型别安全的语言的人是非常有用的。

Vue也适合企业应用，也可以使用TypeScript来支援型别和使用者贡献的型别，尽管这是可选的。

尺寸和效能

在效能方面，这两个框架都是非常快。但是如果你检视第三方参照，就可以得出 Vue 2 比 Angular2 要快的。

在尺寸方面，虽然 Angular 2 使用 tree-shaking 技术和编译技术能使程式码尺寸减小。

即便包含编译器和全部功能 Vue2(23kb)比起 Angular 2(50kb)还是小的多。但是要注意，用 Angular 的 App 的尺寸缩减是用 tree-shaking 移除了那些框架中没有用到的功能，当随着引入功能的增多，尺寸会越来越大。

灵活性

Vue 提供了构建工具，但没限制你如何构建。有人喜欢用统一的方式构建，也有很多开发者喜欢这种灵活自由的方式。

学习曲线

Angular 2 的学习曲线是非常陡峭的。即使不包括TypeScript，它们开始指南中所用的就有ES2015标准的JaScript，18个NPM依赖包，4个档案和超过3千多字介绍，这一切都是为了完成个Hello World。而Vue's Hello World就非常简单。

Ember

Ember 是一个全能框架。它提供大量的约定，一旦你熟悉了它们，开发会很高效。不过，这也意味着学习曲线较高，而且不灵活。在框架和库（加上一系列松散耦合的工具）之间权衡选择。后者更自由，但是也要求你做更多的架构决定。

也就是说，比较 Vue.js 核心和 Ember 的模板与资料模型层：

Vue 在普通 JaScript 物件上建立响应，提供自动化的计算属性。在 Ember 中需要将所有东西放在 Ember 物件内，并且手工为计算属性宣告依赖。

Vue 的模板语法可以用全功能的 JaScript 表示式，而 Handlebars 的语法和帮助函式语法相比之下非常受限。

在效能上，Vue 甩开 Ember 几条街，即使是 Ember2.0 的Glimmer引擎。Vue自动批量更新，Ember 当效能关键处需要手动管理。

Knockout

Knockout 是MVVM领域内的先驱，并且依赖。它的响应系统和Vue相似。它对浏览器支援以及所有的表现也是让人印象深刻的。它能支援到IE6，而Vue只能支援到IE9。

随着时间的推移，Knockout的发展已有所放缓，并且略显有点老旧了。比如，它的元件系统缺少完备的生命周期方法，尽管这些在现在是非常常见。以及相比Vue呼叫子元件的介面显得有点笨重。

如果你有兴趣研究，会发现它们在介面设计的构思理念上是不同的。这些通过各自建立的 Todo List 可以体现出来。或许有点主观，但是很多人认为Vue的API介面更简单结构更优雅。

Polymer

在 Polymer 1.0版本中，为了弥补效能，团队非常有限的使用资料系结系统。例如，在Ploymer中支援的表达式只有布林值否定和单一的方法的呼叫，它的d方法的实现也不是很灵活。

Polymer 自定义的元素是用HTML档案来建立的，这回限制你的普通的JaScript/CSS（和被现代浏览器普遍支援的语言特性）。相比之下，Vue的单档案允许你非常容易的使用ES2015和你想用的Css的预编译处理器。

当部署到生产环境的时候，Polymer建议使用HTML Imports载入所有资源。而这要求伺服器和客户端都支援Http 2.0协议，且浏览器实现了标准。这是否可行就取决于你的目标使用者和部署环境了。如果状况不佳，你必须用Vulcanizer工具来来打包Polymer元素。在这方面，Vue 可以结合非同步元件的特性和Webpack的程式码分割特性来实现懒载入（lazy-loaded）。这同时确保了对旧浏览器的相容且又能更快载入。

对Vue和Web Component标准之间进行深层次的整合，也是完全可行的，比如Custom Elements、Shadow DOM的样式封装。然而现在在我们做出严肃的承诺之前，我们仍在等待标准成熟，进而广泛应用于主流的浏览器中。

Riot

Riot 2.0 提供了一个类似于基于元件的开发模型（在Riot中称之为”Tag”），提供小巧精美的API。Riot 和 Vue 可能共享一些设计理念。即使相比Roit重一点，Vue还是有很多显著优势的：

根据真实条件来渲染，Roit根据是否有分支简单显示或隐藏所有内容。

功能更加强大的路由机制，Roit的路由功能的API是极少的。

更多成熟工具的支援。Vue 提供支援Webpack、Browserify和SystemJS，而 Roit 是依靠社群来建立整合系统。

过渡效果系统。Riot现在没有提供。

react.js vue.js 这些前端框架都必须在node.js上才能跑吗

这些js写的吧，你tomcat怎么解析js，而且tomcat也是呼叫第三方的直译器来解析程式码，你看node.js能不能整合到tomcat，有没有类似的外挂。

并不是，你本地随便建个档案就能跑。