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 挂载后执行
相关推荐
kyriewen1 天前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
IT_陈寒1 天前
我又被JavaScript的隐式类型转换坑了
前端·人工智能·后端
其美杰布-富贵-李1 天前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区1 天前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户938515635071 天前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js
嘟嘟07171 天前
useRef + Web Worker:React 中的耗时计算不卡页面
javascript·vue.js
mONESY1 天前
React Router v7 完全实战指南:从入门到鉴权,一套代码全搞定
javascript
万敏1 天前
Vue3 全栈实战第五周:Vitest 单元测试从零搭建实战记录
vue.js·node.js·全栈
他们叫我秃子1 天前
前端开发转 Go 全栈(五):终于遇到熟人了,Go 的闭包和高阶函数原来这么像 JavaScript
前端·后端·go
用户61595868000221 天前
从 0 写一个迷你 wujie:用原生 Web API 实现微前端
前端