vue指令

v-html 与v-model都适用于绑定数据,其中的区别在于v-html是可以解析html的原生标签

等(相当于innerHTML),而v-model是用于双向绑定数据,即字符串。

v-on
.stop - 调用 event.stopPropagation()。//阻止事件传播
.prevent - 调用 event.preventDefault()。//阻止默认事件
.capture - 添加事件侦听器时使用 capture 模式。//捕获或者冒泡阶段
.self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。
.{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。//@keydown.13="event"
.native - 监听组件根元素的原生事件。
.once - 只触发一次回调。
.left - (2.2.0) 只当点击鼠标左键时触发。
.right - (2.2.0) 只当点击鼠标右键时触发。
.middle - (2.2.0) 只当点击鼠标中键时触发。
.passive - (2.3.0) 以 { passive: true } 模式添加侦听器
自定义事件@xxx=“yyy” this.$emit("xxx") 触发自定义事件调用函数yyy

你可能感兴趣的:(vue指令)