Vue.js では、public/index.html が大本の HTML となるので、このファイルの TITLE タグの中身を書き換えれば、タイトルは設定できます。
初期状態では下記になっているはず。
<title><%= htmlWebpackPlugin.options.title %></title>
ただ、public/index.html はここ以外には通常変更する必要がないファイルなので、できれば手を加えないでおきたい、、、という場合、vue.config.js に設定することでタイトルを設定することも可能です。
module.exports = {
pages: {
index: {
title: 'タイトルサンプル',
}
},
...
vue.config.js はなんだんかんだで設定を書くことが多いので、こんな感じにタイトルも vue.config.js で設定する方法が良いと思います。
コメント