mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
24 lines
504 B
Vue
24 lines
504 B
Vue
|
<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
|
||
|
|
greet () {
|
||
|
|
console.log('child greeting: ' + this.msg)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|