crear un archivo vue.config.js en la raíz

 //vue.config.js module.exports = { chainWebpack: config => { config .plugin('html') .tap(args => { args[0].title = "My Vue App"; return args; }) } }

consulte https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-plugin

Actualice la propiedad de nombre en su archivo package.json

 { "name": "URL-friendly_app-name", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { ... }, "devDependencies": { ... }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }

Actualización: el método mencionado anteriormente solo funcionará si usa un título compatible con URL.

Hay un par de otras formas de hacerlo

• Desde la configuración de páginas de la documentación oficial de Vuejs, puede usar la configuración del complemento html para especificar el título para diferentes páginas
• Use las variables de entorno Modos y Variables de entorno para mantener el título de su aplicación/página. Yo personalmente prefiero y uso este método.

.env (o cualquier .env.[modo])

 VUE_APP_NAME=Application flixible name

Y así es como lo llamas en diferentes lugares de tu aplicación

AnyComponent.vue (como una propiedad de datos)

Mecanografiado

 appName: string = process.env.VUE_APP_NAME

JavaScript

 appName: process.env.VUE_APP_NAME

cualquierHTML.html

 <%= process.env.VUE_APP_NAME %>