title | description |
---|---|
Ressources externes |
Comment utiliser des ressources externes avec Nuxt.js ? |
Ajoutez vos ressources dans le fichier nuxt.config.js
:
module.exports = {
head: {
script: [
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
],
link: [
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto' }
]
}
}
Ajoutez vos ressources dans votre fichier .vue
dans votre répertoire pages/
:
<template>
<h1>About page with jQuery and Roboto font</h1>
</template>
<script>
export default {
head: {
script: [
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' }
],
link: [
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto' }
]
}
}
</script>
<style scoped>
h1 {
font-family: Roboto, sans-serif;
}
</style>