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 小时前
Web应用的分类
前端·javascript·vue.js·react.js·webkit
Jack N1 小时前
2026 Web 网站性能优化指南
前端·性能优化
yqcoder1 小时前
TypeScript 进阶:如何精准获取对象的所有 Key?
javascript·ubuntu·typescript
UXbot1 小时前
支持移动端原型绘制的 AI 工具核心功能对比(2026):5 款主流平台能力横向评测
前端·低代码·ui·交互·原型模式·web app
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_54:(深入掌握 XSLTProcessor API)
前端·javascript·ui·html·媒体
一块小土坷垃1 小时前
# ArchiCAD 29.0.2(畅享版):专为建筑师打造的BIM高效建模工具
前端·数据库·macos·开源软件
无限进步_1 小时前
Linux指令实战:40+核心命令的用法与思维模型
linux·服务器·前端
Csvn2 小时前
JS 技巧:设计模式(上)
前端·vue.js
中新传媒2 小时前
德宸堂心理双师同诊
java·前端·数据库