By default, VueJS projects created with the Vue CLI always show an ugly-ass, dash case title in the browser tab - regardless of what page or route you’re on.
In this video, I’m gonna show you how to add dynamic page titles that show both the app name AND the name of the page you’re on.
And for dynamic routes, such as a post page, I’ll show you how to display the title of the post in the page title as well.
You’ll also learn a bit about Vue Environment Variables, Vue Router & more.
This will work for raw Vue JS projects as well as Vuetify, Bootstrap Vue & Buefy projects
👉 My Courses: [ Ссылка ]
👉 Download Fudget: [ Ссылка ]
👉 My VSCode Setup: [ Ссылка ]
👉 DONT CLICK THIS: [ Ссылка ]
Vue JS: Dynamic Page Titles with Vue Router
Теги
vuevue jsvuejsvue.jsvue js page titlesvue page titlesdynamic page titlesvuetifybootstrap vuebootstrapvuebuefyvue environment variablesvue js environment variablesenvironment variablesvue routervue document.titlevue document titlevue change document titlevue update document titlevue route changevue router tutorialvue router guardvue router paramsvue tutorialvue js routervue js routingvue router linkjavascript
