<h1 id="一v-bind绑定class">一、v-bind绑定class
<h3 id="对象的形式">1、对象的形式

new Vue({
    el: ".box",data: {
        styleObj: {
             width: "200px",height: "200px",backgroundColor: "green",color: "yellow"
         }
    }
})

new Vue({
     el:".box",methods:{
         myclick:function(){
     }
  }
})

<h3 id="绑定事件的第二种方式简写形式">2、绑定事件的第二种方式（简写形式）

<h4 id="html结构-2">html结构

//官方推荐事件绑定用简写形式

new Vue({
     el:".box",methods:{
         myclick:function(){
     }
  }
})

<h4 id="可以绑定事件类型-clickmouSEOvermouSEOutkeydownkeyup......">可以绑定事件类型： @click/mouSEOver/mouSEOut/keydown/keyup......

<h3 id="监听键盘事件">3、监听键盘事件

    new Vue({
        el:".box",methods:{
            input:function(ev){

            }
        }
    })</code></pre>
<h4 id="vue自带的键盘事件名">vue自带的键盘事件名

keyup.left/right/up/down
keydown.left/right/up/down

keypress.left/right/up/down

  Vue.config.keyCodes = {
              zero:48
      }
<input type="text" @keydown.zero="input" />


<h3 id="vue自带的事件修饰符">4、vue自带的事件修饰符


prevent/stop/self/once
prevent 阻止事件的默认行为
stop 阻止事件冒泡
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!