VUE组件配置项(零)概述

一个 Vue 组件本质上是一个配置对象:这里每一个字段都是 Vue 定义好的 option(选项)

复制代码
export default {
  props: {},
  data() {},
  created() {},
  watch: {},
  methods: {},
  computed: {}
}

更细一点,它们属于不同类别:

名称 类别 作用
props 数据选项(Data Option) 接收父组件数据
data 状态选项(State Option) 组件内部状态
computed 计算属性选项 派生数据
methods 方法选项 行为逻辑
watch 监听选项 响应数据变化
created 生命周期钩子(Lifecycle Hook) 创建阶段执行
mounted 生命周期钩子 DOM 挂载后执行
相关推荐
掘金挖土1 分钟前
前端手摸手跑路之 AI 应用开发(七)
前端·后端
data analyse 4561 分钟前
重复事件怎么去重:按请求ID、用户+时间窗还是会话聚合?
前端·数据分析
亿元程序员2 分钟前
让Codex直接生成PSD难吗?提示词其实很简单
前端
Moment5 分钟前
为什么越来越多开发者开始用 PostgreSQL?
前端·后端·面试
mmsx5 分钟前
MapLibre 实战 13|让比例尺显示 100m 而不是 347.2m:屏幕距离换算与两个易错点
android·前端·app
YHL6 分钟前
🚀 从 SPA 到 Next.js 全栈:一个大前端的 SEO 突围笔记
前端·后端
颜进强7 分钟前
从零跑通一套 WorkBuddy Skill 骨架:【能跑通+代码】生成HTML报告实战
前端·后端·ai编程
data analyse 4568 分钟前
能同时统计网站App小程序的分析平台怎么选?
前端·数据分析
Bmob后端云14 分钟前
Bmob后端云备忘录项目迭代:实现笔记置顶,解决笔记列表信息杂乱问题
前端·github
OpsEye17 分钟前
从代理转发到效能分析,企业 AI 网关正在发生什么样的变化
javascript·ai编程