How can I bind the html <title> content in vuejs?

Question

I\'m trying a demo on vuejs. Now I want the html title to bind a vm field.

The below is what I tried:

index.html

Answer 1

There are essentially two ways to solve it.

Use an existing Package

For example, vue-meta:

Create your own Component

Create a vue file containing:

Register the component using

import titleComponent from './title.component.vue';
Vue.component('vue-title', titleComponent);

Then you can use it in your views, e.g.