如何在 Nuxt 3 中添加脚本块到头部？

Question

我只是想在标签中添加一个script块head。

例子

<script>
    alert('hello, world!');
</script>

我花了几个小时来找出解决方案，解决像这样简单的问题。关于添加脚本有很多答案，但没有针对inline脚本的答案blockNuxt 3

我们怎样才能做到这一点Nuxt 3？

Answer 1

好吧，我找到了答案。有 3 种可能的解决方案。

解决方案1

<template>
  <Script children="console.log('Hello, world!');" />
</template>

解决方案2

<script setup>
useHead({
  script: [{ children: "console.log('Hello, world!');" }],
});
</script>

解决方案3

import { defineNuxtConfig } from 'nuxt';

export default defineNuxtConfig({
  app: {
    head: {
      script: [{ children: "console.log('Hello, world!');" }],
    },
  },
});