vue.js学习总结及与Angular的区别

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的区别

分享到:更多 ()

发表评论 0