A HTML head manager for Vue, edit the page title easily!
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.babelrc
.editorconfig
.eslintrc.js
.gitignore
LICENSE
README.md
package.json
webpack.common.js
webpack.config.js

README.md

vue-helmet

npm npm npm

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

License

Copyright (c) 2016 miaolz123 by MIT