双向绑定

就是说视图和数据绑在一起，有一个变化了，另外一个也会变化

渲染列表

使用v-for标签，在前台展示数据

处理用户输入

先写触发条件，一般都是点击了什么（v-on:click="方法名"）

综合例子

html    //要操作的对象    
    
         //绑定模型 按键事件      
           
     
              //循环列表        
      
           //文本插值           {
   { todo.text }}          //  指令的值 为绑定表达式（参数）          X        
      
     
    
    
    js    //创建vue    new Vue({        //创建对象                el: '#app',        //属性赋值             data: {            newTodo: '',            todos: [                { text: 'Add some todos' }            ]        },        //调用方法        methods: {            //定义方法一 添加todo            addTodo: function () {                //去掉空格                var text = this.newTodo.trim()                if (text) {                    //加入数组                    this.todos.push({ text: text })                    //置空                    this.newTodo = ''                }             },             //定义方法二 删除todo             removeTodo: function (index) {                //删除                 this.todos.splice(index, 1)             }         }    })

吐槽

最初学前端用jq写了一坨，用vue几行就搞定了~