Vue初解

Vue是一个mvvm的框架（库）和angular类似

比较容易上手、小巧

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

手册API http://cn.vuejs.org/api

1、vue和angular的区别

vue简单、易学

    指令：v-xxx

    一片html代码配合上json,在new出来vue实例

    个人维护项目

    适合：移动端项目，小巧

    vue发展势头很猛，github上start数量已经超越angular

angular上手难

    指令：ng-xxx

    所有属性和方法都挂到$scope身上

    angular由谷歌维护

    适合：pc端项目

共同点：不兼容低版本IE

---

2、vue基本雏形：

    angular展示一条基本数据：

    var app=angular.model("app",[]);

    app.controller("xx",function($scope){

             $scope.str="xxxxxx";

    })

    html:

    {{str}}

---

vue展示一条数据：

先要引入js插件,script标签放在body上，需要添加 window.onload 事件

---

3、指令：扩展html标签功能，属性

v-model一般表单元素input双向数据绑定

v-for循环:

<ul>

       <li v-for="item in arr">{{item}}</li>

</ul>

vue2.0版本  没有{{$index}}和{{$key}}

事件：

v-on:click="函数"使用v-on绑定事件

v-show显示/隐藏