vue-helmet

A HTML head manager for Vue
1,611 63
Install
npm install vue-helmet
Latest Version:1.1.5
Older releases:1
License:MIT
Last Updated:Jun 28, 2016
Links: GitHub  ·  npm
Maintainer: miaolz123

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

Related Packages

@jnields/vue-helmet

A document head manager for Vue

6,456 18
nuxt-security

🛡️ Security Module for Nuxt based on HTTP Headers and Middleware

6,184,506 979
vue-3-meta

Manage HTML metadata in Vue.js components with ssr support

4,121
basesec

Fast, zero-config SAST CLI for JavaScript & TypeScript — Node.js backends and fr...

1,585 11

Version History

Version Released Vue License
1.1.5 MIT
1.1.4 MIT
1.1.3 MIT
1.1.2 MIT
1.1.1 MIT