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'}]" |

Contributors

• miaolz123
• MouCai

License

Copyright (c) 2016 miaolz123 by MIT