The head Method
Nuxt.js uses vue-meta to update the
headers
andhtml attributes
of your application.
- Type:
Object
orFunction
Use the head
method to set the HTML Head tags for the current page.
<template>
<h1>{{ title }}</h1>
</template>
<script>
export default {
data() {
return {
title: 'Hello World!'
}
},
head() {
return {
title: this.title,
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: 'description',
name: 'description',
content: 'My custom description'
}
]
}
}
}
</script>