Vue之事件与函数

记录常用的事件以及函数

修饰符

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之后

计算属性

computed:{
        ...
    }

自定义组件

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

注意点：

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