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 挂载后执行
相关推荐
爱勇宝5 小时前
大多数人不是在使用 AI 赚钱,而是在帮 AI 公司赚钱
前端·后端·程序员
冬奇Lab5 小时前
每日一个开源项目(第143篇):page-agent - 纯 JS 的网页 GUI Agent,无需截图、无需插件、无需后端
前端·人工智能·agent
To_OC7 小时前
LC 994 腐烂的橘子:人人都说是 BFS 入门题,我却写了三遍才过
javascript·算法·leetcode
IT_陈寒10 小时前
React的这个渲染问题连官方文档都没说清楚
前端·人工智能·后端
追逐时光者11 小时前
别再满网找零散工具了,腾讯 QQ 浏览器这个“帮小忙”工具箱真能省时间
前端·后端
如果超人不会飞11 小时前
脉络清晰的业务演进:TinyVue Timeline 时间线组件全方位实战指南
vue.js
如果超人不会飞11 小时前
从扁平到立体:掌握 TinyVue Grid 树形表格的高级实战指南
vue.js
To_OC13 小时前
LC 200 岛屿数量:经典 DFS 入门题,我第一次写居然连方向都搞错了
javascript·算法·leetcode
Asmewill13 小时前
grep&curl命令学习笔记
前端
stringwu13 小时前
Flutter 开发必备:MVI 架构的高效实现指南
前端·flutter