首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue之事件与函数

Vue之事件与函数

作者头像
一个淡定的打工菜鸟
发布2018-12-27 15:55:24
5910
发布2018-12-27 15:55:24
举报
文章被收录于专栏:淡定的博客淡定的博客

记录常用的事件以及函数

修饰符

  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 组件上所有属性的名字
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018/12/16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 修饰符
  • 按键修饰符
  • 生命周期钩子
  • 计算属性
  • 自定义组件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档