RE: RE: Nuxt开发指南
You are viewing a single comment's thread from:

RE: Nuxt开发指南

Words
0
Reading
0 min
Listen
Play
7M
: useHead useHeadsetup使
<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>
@lemooljiang: 可组合函数: useHead, | Ecency