vue事件修饰符 及数据双向绑定

事件修饰符及数据双向绑定

  • 事件修饰符
    • .stop
    • .capture
    • .once
    • .prevent
  • 数据双向绑定
    • v-model

事件修饰符

.stop

阻止事件冒泡,阻止事件继续向外传播

.capture

添加捕获事件

.once

事件只会触发一次

.prevent

阻止默认事件 (a标签跳转,form表单提交)

数据双向绑定

v-model

数据双向绑定 绑定的表单控件
原理:数据劫持结合发布订阅者的模式和object.defineproprety()来劫持各个属性的setter,getter,如果数据有变动,就发布消息给订阅者触发监听

你可能感兴趣的:(vue.js,javascript,前端)