Vue.js基本使用

1：mvvm模式

     m：model:模型

     v：view视图    {{msg}}

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

2：双向绑定 （v-model  双向绑定)，

     示例：

            

3： Vue.js循环指令，输出data数据中的数组（v-for）

          示例：   

               

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  触发事件本身