vue-helmet

KO | EN

gitlite — search

#javascript #python #ruby #php #c-plus-plus #c-sharp #game #ios #chef #dotnet #haxe #hacktoberfest

★ 63 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-helmet

[![npm](https://img.shields.io/npm/v/vue-helmet.svg?style=flat)](https://www.npmjs.com/package/vue-helmet)
[![npm](https://img.shields.io/npm/l/vue-helmet.svg?style=flat)](https://www.npmjs.com/package/vue-helmet)
[![npm](https://img.shields.io/npm/dt/vue-helmet.svg?style=flat)](https://www.npmjs.com/package/vue-helmet)

Like [react-helmet](https://github.com/nfl/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.

```html
<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

```shell
$ npm install --save vue-helmet
```

## CommonJS

```js
var VueHelmet = require('vue-helmet');

new Vue({
  components: {
    'vue-helmet': VueHelmet
  }
})
```

## ES6

```js
import VueHelmet from 'vue-helmet'

new Vue({
  components: {
    VueHelmet
  }
})
```

# Example

- vue-router & vue-helmet Example : [Code](//github.com/miaolz123/vue-helmet/tree/gh-pages) | [Demo](//miaolz123.github.io/vue-helmet/)
- ...

# 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

- [miaolz123](//github.com/miaolz123)
- [MouCai](//github.com/MouCai)

# License

vue-helmet

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README