Injecting into in Vue.js

I recommend using https://www.npmjs.com/package/vue-head, it is exactly designed to inject the data you want from your component into the document’s head.
Perfect for SEO title and meta tags.

To be used like so:

export default {
  data: () => ({
    title: 'My Title'
  }),

  head: {
    // creates a title tag in header.
    title () {
      return {
        inner: this.title
      }
    },
    meta: [
      // creates a meta description tag in header.
      { name: 'description', content: 'My description' }
    ]
  }
}