Skip to content

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

License

Notifications You must be signed in to change notification settings

miaolz123/vue-helmet

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published