记录常用的事件以及函数
修饰符
- .stop:阻止事件继续传播
- .prevent:组上事件的默认行为
- .capture:事件在捕获阶段执行
- .once:事件只被触发执行一次
按键修饰符
- .enter:点击回车键
- .tab:点击tab键
- .delete:点击删除键
- .esc:点击 esc 按键
- .space:点击空格键
- .up:点击上箭头
- .down:点击下箭头
- .left:点击左箭头
- .right:点击右箭头
- .数字:按键的数字编号
生命周期钩子
- beforeCreated:创建前
- created:创建后
- beforeMount:挂载到页面前
- mounted:挂载到页面后
- beforeUpdate:更新页面前
- updated:更新页面后
- beforeDestroy:消销Vue之前
- destroyed:消销Vue之后
计算属性
computed:{
...
}
自定义组件
Vue.component('hello', {
template: `<p>Hello World !</p>`
})
注意点:
- 组件中的 data 要求必须是一个函数
- 使用 props 组件上所有属性的名字