记录常用的事件以及函数

修饰符

  1. .stop:阻止事件继续传播
  2. .prevent:组上事件的默认行为
  3. .capture:事件在捕获阶段执行
  4. .once:事件只被触发执行一次

按键修饰符

  1. .enter:点击回车键
  2. .tab:点击tab键
  3. .delete:点击删除键
  4. .esc:点击 esc 按键
  5. .space:点击空格键
  6. .up:点击上箭头
  7. .down:点击下箭头
  8. .left:点击左箭头
  9. .right:点击右箭头
  10. .数字:按键的数字编号

生命周期钩子

  1. beforeCreated:创建前
  2. created:创建后
  3. beforeMount:挂载到页面前
  4. mounted:挂载到页面后
  5. beforeUpdate:更新页面前
  6. updated:更新页面后
  7. beforeDestroy:消销Vue之前
  8. destroyed:消销Vue之后

计算属性

1
2
3
computed:{
...
}

自定义组件

1
2
3
Vue.component('hello', {
template: `<p>Hello World !</p>`
})

注意点:

  • 组件中的 data 要求必须是一个函数
  • 使用 props 组件上所有属性的名字