Get started with vue-meta CDN

MIT licensed

VueMeta: Vue.js plugin for meta tags, head info in application.

Tags:
  • attribute
  • google
  • 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!

All versions