可组合函数: useHead, useHead只能与组件的setup和生命周期钩子一起使用
<script setup lang="ts">
useHead({
script: [
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js' }
]
})
</script>
//这里如果需要将js放置body区域末尾,直接添加参数
script: [
{
src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js',
body: true, // 插入到 中
async: true, // 异步加载
}
]
//引入外部css
<script setup lang="ts">
useHead({
link: [
{
rel: 'preconnect',
href: 'https://fonts.googleapis.com'
},
{
rel: 'stylesheet',
href: 'https://fonts.googleapis.com/css2?family=Roboto&display=swap',
crossorigin: ''
}
]
})
</script>
RE: Nuxt开发指南