Vue基础学习2

事件

• v-model

修饰符

事件修饰符

• .once 只执行一次

• .stop 阻止事件冒泡

  <div id="app">
          <div class="box1" @click.stop="et1">
              <div class="box2" @click.stop="et2">
                  <div class="box3" @click.stop="et3"></div>
              </div>
          </div>
  

• .prevent 阻止默认事件

按键修饰符 对键盘事件的修饰符

• enter & 13 按下回车事件

    <input type="text" name="" id="" @keyup.enter="keyEvent2">
    methods{
        keyEvent2(e) {
                      alert(e.target.value)
                  }
    }
  

• keyup

双向数据绑定

指令 v-model

• 专用于表单元素
• 默认绑定表单元素的value属性
• v-model在表单中直接添加

不响应情况

• 数组的length是不响应的

• 简易数组下标不响应