关于v-model、v-for、v-on的用法

  1. 展示Holle Vue
    window.onload = function(){
        var box = new Vue({
            el:'#div’,        
            data:{
            mgs:'Holle vue'}
        });
    }

  1. v-model : 数据绑定(多数用于表单元素)
 HTML:
 
JS:
 
ps:同时v-model支持双向数据绑定

 
  v-for : 用于元素遍历
 
 

 
  1. v-on:事件名称=“方法名”        (事件绑定)
 
 
 
ps: methods:用于绑定 v-on:事件名称