一个 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 挂载后执行 |