vue中computed调用的时机

computed属性在Vue中的调用时机有两个：
1. 初次读取computed属性时，会调用其对应的getter函数。
2. 所依赖的数据发生变化时，也会触发对应的computed属性的getter函数的调用。

在给定的代码示例中，当初次读取fullName属性时，会调用fullName的getter函数，并返回firstName和lastName的拼接结果作为fullName的值。同时，在firstName或lastName的值发生变化时，也会再次调用fullName的getter函数。

相关问题

前端vue中created和mounted，computed方法的本质

在Vue.js中，`created`、`mounted` 和 `computed` 都是生命周期钩子，它们分别在组件的不同阶段运行，有助于管理组件的状态和行为：

1. **created()**: 这个钩子函数在实例创建完成但挂载到DOM之前调用。你可以在这里设置初始数据或者做些初始化工作，但是不应该有DOM相关的操作，因为此时DOM还未插入文档。

2. **mounted()**: 当组件已经挂载到DOM，并且所有的属性和指令都已经更新完毕后，`mounted` 函数会被触发。这个阶段适合执行DOM操作，比如获取或设置元素样式、绑定事件处理器等。它是首次获取到DOM节点的最佳时机。

3. **computed()**: 这是一个计算属性的功能，它基于依赖的数据（props或data中的属性）进行计算并返回结果，每次依赖改变时，都会自动重新计算并更新视图。它并不直接修改数据，而是提供了一种简洁的方式来封装复杂的数据逻辑，使得数据变化可视化，并且保持响应式。

总结来说：
- `created`主要用于初始化数据和资源准备；
- `mounted`用于DOM关联和数据与UI的同步；
- `computed`用于提供读取值的便捷途径，数据驱动视图。

vue props加载时机

在Vue中，props的加载时机是在父组件向子组件传递数据时。父组件通过行内自定义属性的方式将数据传递给子组件的props属性。当父组件渲染时，子组件会在渲染过程中接收到props的值并进行加载。这意味着在父组件渲染完毕后，子组件才会加载props的值。因此，props的加载时机是在父组件渲染完毕后，子组件开始渲染时。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue组件传值与生命周期钩子](https://blog.csdn.net/dream_of_forget/article/details/126960304)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue组件props，methods，data，computed，watch的加载顺序](https://blog.csdn.net/cake_eat/article/details/114028848)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]