Vue和Angular的区别
vue:
- 简单易学
- 指令以v-xxx开头
- 一篇HTML代码配合上son,在new出来Vue实例
- 个人维护项目
- 适合:移动端项目,小巧
- vue的发展势头很猛,github上start数量已经超过angular
angular:
- 上手较难
- 指令以ng-xxx开头
- 所有属性和方法都挂到$scope身上
- angular由Google维护
- 适合:pc项目
vue简单实例:
<script src="vue.js"></script>
<script>
window.onload=function(){
var vm=new Vue({
el:#box; //el 代码element
data:{
msg:"welcome to vuejs"
}
});
};
</script>
<body>
<div id="box">
{{msg}}
</div>
好了,一段基本的Vue代码就展示出来了。
vue中常用的指令:
指令:扩展html标签功能、属性
例如angular里的ng-model , ng-controller等都不是HTML标签的属性。
而在Vue中以v开头:
v-model 一般表单元素(input) 双向数据绑定
欢迎分享本文,转载请保留出处:前端ABC » vue.js学习总结及与Angular的区别