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 挂载后执行
相关推荐
代码小库几秒前
【2026前端最新面试题——day10】JavaScript 高频面试题
开发语言·前端·javascript
零陵上将军_xdr9 分钟前
后端转全栈学习-Day4-JavaScript 基础-2
开发语言·javascript·学习
zzz_236833 分钟前
【Spring】面试突击系列(三):Spring Web MVC 深度解析
前端·spring·面试
colofullove35 分钟前
小说上传中心与异步处理进度展示设计
前端
Marst Code1 小时前
⚙️ 2026 年推荐技术方案
前端
qq_366086221 小时前
测试接口传参数时,放在Header和Body中后台接收参数的区别
java·开发语言·前端
whatever who cares1 小时前
Vue3中vue文件和composables的分工
前端·javascript·vue.js
袋鼠云数栈UED团队1 小时前
基于 superpowers 实现复杂前端改造
前端
袋鼠云数栈前端1 小时前
基于 superpowers 实现复杂前端改造
前端·ai
sugar__salt1 小时前
LLM服务HTTP接口实战:前端HTTP请求全解与项目落地
前端·网络协议·http