前端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`用于提供读取值的便捷途径，数据驱动视图。