vue.js 動的にタイトルを変更 - Qiita

var routes = [ { path: '/hoge/', component: () => import('./components/Hoge.vue') , meta: {title: '美味しいよ'} }, ]; const app = new Vue({ data () { return { title: 'へるぴーはママの味', }; }, methods: { //ページのタイトルを生成 //へるぴーはママの味 | 美味しいよ ができあがる pageTitle(to){ if(to.query.metaTitle){ var setTitle = to.meta.title + ' | ' + this.title; document.title = setTitle; } else { // タイトルを設定 if(to.meta.title){ var setTitle