Vue.js学习 第二次学习

指令

v-bind属性绑定，简写:
v-on绑定事件监听器，简写@
修饰符

• .stop - 调用 event.stopPropagation()。

• .prevent - 调用 event.preventDefault()。

• .capture - 添加事件侦听器时使用 capture 模式。

• .self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。

• .{keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。

• .native - 监听组件根元素的原生事件。

• .once - 只触发一次回调。

• .left - (2.2.0) 只当点击鼠标左键时触发。

• .right - (2.2.0) 只当点击鼠标右键时触发。

• .middle - (2.2.0) 只当点击鼠标中键时触发。

• .passive - (2.3.0) 以 { passive: true } 模式添加侦听器

事件参考列表

v-if和v-show
v-if决定元素是否存在，v-show决定元素是否显示（元素任然在原来的位置，决定元素的display属性）
v-else-if表示 v-if 的 “else if 块”。前一兄弟元素必须有 v-if 或 v-else-if
v-else为 v-if 或者 v-else-if 添加“else 块”
v-model双向绑定
v-once只渲染一次，之后的数据变化不重新渲染
v-for必须使用特定语法 alias in expression，循环重复渲染