Awesome
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
andvue-helmet.min.js
with the component exported in thewindow.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
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'}]" |