6.vue键盘事件以及键值事件修饰符

1.js文件： 
    //在使用vue之前必须实例化vue对象
new Vue({
    /*el:指element  需要获取的元素，一定是html中根容器元素
        以后所有的操作均是在这个根容器中进行操作
    */
    el:"#vue-app",
    /*
    data:用于数据的存储，用来写属性
        以key-value的值进行存储
    */
    data:{
     
    },
    /**
     * 使用method来存储方法，
     * 使用this获取当前容器的内容
     */
    methods: {
        logName:function(){
            alert("你正在输入名字");
        },
        logAge: function () {
            alert("你正在输入名年龄");
        }

    }
})
2.html内容：
   


   
   
   
   
   
   
   
   


   
   
   

   

键盘事件

   姓名
   
    年龄
   
   

---

    姓名
   
   
    年龄