计算属性在mounted前“拿不到值”是因为其依赖的数据（如props或异步响应）尚未就绪，而非计算属性未执行；它在created后即初始化并响应变化，但初始值取决于依赖项是否已赋值。

计算属性在 mounted 之前“拿不到值”，通常不是因为它没执行，而是你试图在它还没完成求值或依赖数据尚未就绪时去访问——本质是生命周期中初始化与响应式更新的时机错位。

计算属性的初始化发生在 created 之前

Vue 在实例创建早期（beforeCreate → created 之间）就完成了 computed 的定义和依赖收集。也就是说：

• computed 函数本身已注册，但它的返回值取决于所依赖的响应式数据（如 data、props、其他 computed）
• 如果依赖项此时还是 undefined、null 或空数组，计算属性就会返回初始状态（比如 undefined、NaN、空字符串等），而非“报错”
• 它不会因为 mounted 没到就不运行；相反，它可能在 beforeMount 前就已求值多次

为什么你感觉“mounted 里才第一次有值”？

常见于以下三类情况：

• 依赖 props 或异步数据：父组件传入的 props 还没到达，或 created/mounted 中发起的 API 尚未返回，导致 computed 依赖的数据为空 → 计算结果自然为空
• 依赖 v-if 控制的子组件或 DOM 状态：虽然 computed 逻辑可执行，但它内部若调用 $refs 或 document.querySelector，而对应元素尚未渲染，则取值为 null
• 计算属性内做了副作用操作（如 console.log、this.$nextTick）：这些操作看似“触发了”，实则是依赖变化后才执行，容易误判为“mounted 后才有值”

关键顺序梳理（精简准确版）

按 Vue 2 的标准流程（不加额外插件）：

• beforeCreate：实例刚创建，data/props/computed 都未初始化
• created：data、props、computed、watch 已初始化；但 DOM 未生成；异步请求可在此发起
• beforeMount：模板编译完成，虚拟 DOM 已生成；但尚未挂载
• mounted：真实 DOM 挂载完成；可安全操作 ref、$el、第三方库（如 Chart.js）

注意：computed 不是“在 mounted 才开始工作”，而是从 created 后就持续响应依赖变化；它的值是否“可用”，取决于你依赖的数据何时就绪，而非 mounted 是否触发。