Get started with vue-meta CDN
MIT licensed
VueMeta: Vue.js plugin for meta tags, head info in application.
Tags:- attribute
- head
- helmet
- info
- metadata
- meta
- seo
- server
- ssr
- title
- universal
- vue
Stable version
Copied!
How to start using vue-meta CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with vue-meta CDN - cdnhub.io</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
<script src="https://cdn.cdnhub.io/vue-meta/2.4.0/vue-meta.cjs.js"></script>
</head>
<body>
<div id="app">
<h1>Hello Vue Meta!</h1>
</div>
<script>
Vue.use(VueMeta);
new Vue({
el: '#app',
metaInfo: {
title: 'My Vue Meta Title',
meta: [
{ name: 'description', content: 'This is my Vue Meta description.' },
{ name: 'keywords', content: 'vue, meta, seo' },
{ hid: 'og:title', property: 'og:title', content: 'My Vue Meta OG title' },
{ hid: 'og:description', property: 'og:description', content: 'This is my Vue Meta OpenGraph description.' },
{ hid: 'og:image', property: 'og:image', content: 'https://example.com/image.jpg' },
]
}
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!