在 onMounted 钩子中使用 watch 或设置 vuejs 3

Posted

技术标签:

【中文标题】在 onMounted 钩子中使用 watch 或设置 vuejs 3【英文标题】:Use watch in onMounted hook or setup vuejs 3 【发布时间】:2022-01-20 20:41:23 【问题描述】:

在 onMounted hook 中使用 watch 还是在 vue compositionApi 中使用 Setup (created hook) 哪个更好?在设置中使用 watch 是一种不好的做法?如果不是,哪一个更好?

【问题讨论】:

【参考方案1】:

这总是取决于你想做什么。

created()

您可以访问反应数据, 但无法进行 DOM 操作,

mounted()

可以操作 DOM

created 函数通常用于从 API 获取数据(可能)并将其分配给数据。因此,如果像您的情况一样,这只是设置数据(例如 api 主题)的问题,那么设置会更可取。

如果不是这种情况并且您需要/想要使用mounted() 函数,那么您可能需要考虑计算是否是正确的选择。

【讨论】:

以上是关于在 onMounted 钩子中使用 watch 或设置 vuejs 3的主要内容,如果未能解决你的问题,请参考以下文章

vue 中的 watch 属性是生命周期钩子吗?

vue3生命周期钩子以及使用方式

vue 生命周期钩子的理解 watch computed

vue3.0组件监听异步数据,watch与reactive 的应用, watch与computed, 还有ref的使用

vue3.0组件监听异步数据,watch与reactive 的应用, watch与computed, 还有ref的使用

vue3.0组件监听异步数据,watch与reactive 的应用, watch与computed, 还有ref的使用