miaolz123 / vue-helmet

A HTML head manager for Vue, edit the page title easily!

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