Vue-helmet NPM

vue-helmet

Like react-helmet, a HTML head manager for Vue, edit the page title easily!

Instllation

Browser globals

The dist folder contains vue-helmet.js and vue-helmet.min.js with the component exported in the window.VueHelmet object.

<script src="path/to/vue.js"></script>
<script src="path/to/vue-helmet.js"></script>
<script>
    Vue.use(VueHelmet);
    var vm = new Vue({
        el: "body"
    });
</script>

NPM

$ npm install --save vue-helmet

CommonJS

var VueHelmet = require('vue-helmet');

new Vue({
  components: {
    'vue-helmet': VueHelmet
  }
})

ES6

import VueHelmet from 'vue-helmet'

new Vue({
  components: {
    VueHelmet
  }
})

Example

vue-router & vue-helmet Example : Code | Demo
...

Props

Prop	Type	Example
html-attributes	Object	`:html-attributes="{'lang': 'zh-CN'}"`
title	String	`title="New Title Here"`
base	Object	`:base="{'target': '_blank', 'href': 'http://a.d.c'}"`
meta	Object	`:meta="{'description': 'New Description Here.'}"`
links	Array	`:links="[{'rel': 'canonical', 'href': 'http://a.b.c'}]"`
scripts	Array	`:scripts="[{'type': 'text/javascript', 'src': 'http://abc.xyz/filename.js'}]"`