Skip to content

miaolz123/vue-helmet

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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