mirrors/vue-meta
2
0
Fork 0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-06-09 16:42:24 +03:00
Code Activity

add basic render example + fix a bug where missing root metInfo prevented fetching metaInfo from deeper in the component heirarchy

Browse Source
This commit is contained in:
Declan de Wet
2016-11-06 21:59:12 +02:00
parent 1f64d1ea7f
commit 2f6c27b750
4 changed files with 47 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/basic-render/app.js
+27
View File
@@ -0,0 +1,27 @@
import Vue from 'vue'
import VueMeta from 'vue-meta'
Vue.use(VueMeta)
Vue.component('child', {
name: 'Child',
props: ['page'],
render (h) {
return h('h3', null, this.page)
},
metaInfo: {
title () {
return this.page
}
}
})
new Vue({
template: `
<div id="app">
<h1>Basic Render</h1>
<p>Inspect Element to see the meta info</p>
<child page="This is a prop"></child>
</div>
`
}).$mount('#app')
examples/basic-render/index.html
+5
View File
@@ -0,0 +1,5 @@
<!DOCTYPE html>
<link rel="stylesheet" href="/global.css">
<a href="/">&larr; Examples index</a>
<div id="app"></div>
<script src="/__build__/basic-render.js"></script>