如何在nuxt中渲染模板之前运行函数

问题描述

如文档中所述，nuxt 中的所有内容都介于服务器端或客户端两个选项之间。如果您需要在客户端运行一个函数，恰好在渲染模板之前怎么办。

我的具体用例是在 nuxt 静态模式下检测用户设备。如果您使用 ssr 模式，它很容易仅通过 {req} 对象找到，但在找到设备和应用条件类之前是静态的，html 和 Dom 会提前呈现。

解决方法

所以您使用的是 SPA 模式？

遵循 Nuxt 生命周期 - Nuxt client lifecycle

您可以在中间件或某些 created/beforeMount 钩子中附加这样的检测。