Vue.js基本使用

1:mvvm模式

     m:model:模型

     v:view视图    {{msg}}

     vm: view-model(视图和模型双向绑定)

2:双向绑定 (v-model  双向绑定),

     示例:

            Vue.js基本使用

3: Vue.js循环指令,输出data数据中的数组(v-for)

          示例:   

               Vue.js基本使用

4:Vue.js绑定属性指令


     指令: v-bind:属性名称=”绑定”,:属性名称=”绑定”

     示例:<input     type="checkbox"    v-bind:value="item.Id"/>


5:Vue.js绑定事件指令


      指令: v-on:事件类型=“需要执行的方法”

     示例: <a href="#" v-on:click="udelete(item.Id)">删除</a> (绑定点击事件)


6:Vue.js事件参数
      

     用法:$event(必须要传的参数)

                $event.target  触发事件本身