Vue.js与Angular的应用场景
1）何时选择使用Vue.js前端框架
（1）如果开发的时候希望以最简单的方式来制作Web应用程序，那么应该选择Vue.js。如果对JavaScript的知识基础掌握不太好，或者有严格的开发截止日期，短时间内不能完成，Vue.js将是一个很好的选择。
（2）如果使用的前端是Laravel，那么可以选择使用Vue.js进行开发。Laravel社区的开发者认为，Vue.js是比较适用的框架，使用Vue.js会将总处理时间缩短50%左右，并释放服务器上的空间。
（3）如果是开发小规模应用系统或者开发时不喜欢受到开发的约束，请选择Vue.js。
（4）如果开发者很熟悉使用ES 5 JavaScript和HTML，那么可以完全使用Vue.js完成开发项目。
（5）如果想要在浏览器中编译模板且使用其简单性，使用独立版本的Vue.js会比较好。
（6）如果打算构建性能关键型SPA或需要功能范围的CSS，使用Vue.js开发的单文件组件会非常完美。
2）何时选择使用Angular前端框架
（1）如果需要构建大型复杂的应用程序，那么应该选择Angular，因为Angular为客户端应用程序开发提供了一个完整而全面的解决方案。
（2）对于希望处理客户端和服务器端模式的开发者来说，Angular是一个不错的选择。开发者喜欢Angular的主要原因是，它能够使他们专注于任何类型的设计（无论是jQuery调用还是DOM配置干扰）。
（3）对于创建具有多个组件和复杂需求的Web应用程序来说，Angular也同样适用。当选择Angular时，本地开发者会更容易理解应用程序功能和编码结构。
（4）如果想在新项目中选择现有组件，也可以选择Angular，因为只需复制和粘贴代码即可。
（5）Angular可以使用双向数据绑定功能来管理DOM和模型之间的同步。这使得Angular成了Web应用程序开发的强有力工具。对于希望制作更轻更快Web应用程序的开发者来说，可以选择使用Angular中的MVC结构和独立的逻辑及数据组件，这有助于加速开发过程。
5．Vue.js和Angular的代码比较
分析Vue.js和Angular的代码、包含标记、样式和行为的代码可以帮助开发者构建高效且可重用的接口。在Angular中，控制器和指令等实体包含在模块中，而在Vue.js中的模块中包含组件逻辑。
Vue.js组件，代码如下：
Vue.extend({
data: function(){ return{…} },
created: function(){…},
ready: function(){…},
components:{…},
methods:{…},
watch:{…}
});
Angular模块，代码如下：
angular.module('myModule', […]);
相比Vue.js，Angular中的directive更加强大。
Vue.js指令，代码如下：
Vue.directive('my-directive', {
bind: function(){…},
update: function(newValue, oldValue){…},
unbind: function(){…}
});
Angular指令，代码如下：
由于Vue.js受到Angular的启发借用了其模板语法，因此这两个框架的循环、插值和条件的语法都非常相似。例如，下面给出的代码片段。
//Vue插值
{{myVariable}}
//Angular插值
{{myVariable}}
//Vue循环
<li v-repeat="items" class="item-{{$index}}">
{{myProperty}}</li>
//Angular循环
<li ng-repeat="item in items" class="item-{{$index}}">
{{item.myProperty}}</li>
//Vue条件
<div v-if="myVar"></div>
<div v-show="myVar"></div>
//Angular条件
<div ng-if="myVar"></div>
<div ng-show="myVar"></div>
Vue.js的编码使页面渲染变得非常简单。事实上，Vue.js更像是一个库，而不是框架，因为它不提供Angular的所有功能。开发者不得不使用Vue.js的第三方代码，而Angular提供了HTTP请求服务或路由器等功能。
总之，Vue.js是轻量级的开发框架，很适合开发小规模的Web应用程序；而Angular尽管学习曲线较为陡峭，但却是构建完整复杂应用程序的好工具。
