Nuxt/examples/vue-class-component/components/Child.vue

24 lines
543 B
Vue
Raw Normal View History

<template>
<div>
<input v-model="msg">
<p>msg: {{ msg }}</p>
<p>env: {{ env }}</p>
<p>computed msg: {{ computedMsg }}</p>
<button @click="greet">Greet</button>
<p><nuxt-link to="/about">About page</nuxt-link></p>
</div>
</template>
<script>
import Component from 'nuxt-class-component'
import Base from '@/components/Base'
@Component
export default class Child extends Base {
// override parent method
2017-10-31 13:43:55 +00:00
greet() {
console.log('child greeting: ' + this.msg) // eslint-disable-line no-console
}
}
</script>