mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-05-17 14:09:38 +03:00
35 lines
570 B
JavaScript
35 lines
570 B
JavaScript
import Vue from 'vue'
|
|
import VueMeta from 'vue-meta'
|
|
|
|
Vue.use(VueMeta)
|
|
|
|
Vue.component('foo', {
|
|
template: '<p>Foo component</p>',
|
|
metaInfo: {
|
|
title: 'Keep me Foo'
|
|
}
|
|
})
|
|
|
|
new Vue({
|
|
data() {
|
|
return { showFoo: false }
|
|
},
|
|
methods: {
|
|
show() {
|
|
this.showFoo = !this.showFoo
|
|
}
|
|
},
|
|
template: `
|
|
<div id="app">
|
|
<h1>Kept alive foo</h1>
|
|
<button @click="show">Toggle Foo</button>
|
|
<keep-alive>
|
|
<foo v-if="showFoo"/>
|
|
</keep-alive>
|
|
</div>
|
|
`,
|
|
metaInfo: () => ({
|
|
title: 'Keep-alive'
|
|
})
|
|
}).$mount('#app')
|