深入浅析angular和vue还有jquery的区别

angularjs简单介绍和特点

　　首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一个框架, , 对view的dom操作或者时间监听都是在directive中实现的, 而且一般情况下很少直接去写dom操作代码, 只要你监听model, model发生变化后view也会发生变化, 就是双向绑定机制, angularjs适用于单页面开发

　　在angularJS中，一个模板就是一个HTML文件。但是HTML的内容扩展了，包含了很多帮助你映射model到view的内容。

　　HTML模板将会被浏览器解析到DOM中。DOM然后成为AngularJS编译器的输入。AngularJS将会遍历DOM模板来生成一些指导，即，directive（指令）。所有的指令都负责针对view来设置数据绑定。

　　auguarJS并不把模板当做String来操作。输入angularJS的是DOM而非string。数据绑定是DOM变化，不是字符串的连接或者innerHTML变化。使用DOM作为输入，而不是字符串，是AngularJS区别于其它的框架的最大原因。使用DOM允许你扩展指令词汇并且可以创建你自己的指令，甚至开发可重用的组件。angular占用的内存较小, 可以兼容主流的浏览器, 他拥有内置的依赖注入的子系统, 可以帮助开发人员更容易开发, 理解和测试和应用, DI允许你请求你的依赖，而不是自己找寻它们。比如，我们需要一个东西，DI负责找创建并且提供给我们。那么AngularJS可以做到。指令可以用来创建自定义的标签。它们可以用来装饰元素或者操作DOM属性。

vuejs简单介绍特点 

　　官网: http://cn.vuejs.org/

　　  vue是一个渐进式的框架, 是一个轻量级的框架, 也不算是一个框架, 他核心只关注图层, 是一个构建数据驱动的web界面,易于上手, 还便于于第三方库或与既有项目整合,也能够为复杂的单页应用程序提供驱动

　　1. vue的核心

　　　　是一个允许采用简洁的模板语法来声明式的将数据渲染进dom

　　　　先创建一个后缀名为.html的文件 

　　　　代码如下:

　　　　　　html:  <div id="app"></div>

　　　　　　 js里面的　

var app = new Vue({　　　　　　　　　　　　　　　　　　el: '#app',　　　　　　　　　　　　　　　　　　data: {　　　　　　　　　　　　　　　　　　　　msg: 'Hello Vue!'　　　　　　　　　　　　　　　　　　　　}　　　　　　　　　　　　　　　　　　})

　　　　　　在浏览器窗口上出现的内容:　Hello Vue