Head メソッド
Nuxt はアプリケーションの headers
及び html attributes
を更新するために vue-meta を使います。
-
型:
Object
またはFunction
現在のページの HTML の head タグを設定するために head
メソッドを使います。
<template>
<h1>{{ title }}</h1>
</template>
<script>
export default {
data() {
return {
title: 'Hello World!'
}
},
head() {
return {
title: this.title,
meta: [
// hid は一意の識別子として使用されます。 `vmid` は動作しないので使わないでください。
{
hid: 'description',
name: 'description',
content: 'My custom description'
}
]
}
}
}
</script>
子コンポーネントで使用するときにメタタグが重複しないようにするために、メタ要素の
hid
キーを使って一意の識別子を設定します(詳細はこちら )。
このページをGitHubで編集する
更新日 Mon, Aug 19, 2024












































