vue中watch和mounted哪个先执行

mounted 先执行。vue 生命周期钩子执行顺序为：created、beforemount、mounted、watch、beforeupdate、updated、beforedestroy、destroyed；mounted 钩子在 watch 选项之前执行。

vue 中 watch 和 mounted 哪个先执行？

答案：mounted

详细解释：

mounted 是一个 Vue 生命周期钩子，当一个 Vue 实例被创建并已挂载到 DOM 时触发。watch 是一个 Vue 选项，用于监视数据属性的变化，并在变化时执行回调函数。

因此，mounted 钩子会在 watch 选项之前执行。这是因为在 Vue 的生命周期中，created、mounted、beforeUpdate、updated、beforeDestroy 和 destroyed 这些钩子会依次触发，而 watch 选项是在 mounted 钩子之后才执行的。

流程：

1. created(): 创建 Vue 实例。
2. beforeMount(): 准备挂载到 DOM。
3. mounted(): 挂载到 DOM。在此阶段，mounted 钩子触发。
4. watch(): 监视数据属性的变化。
5. beforeUpdate(): 数据属性发生更改之前。
6. updated(): 数据属性发生更改之后。
7. beforeDestroy(): 组件被销毁之前。
8. destroyed(): 组件被销毁。