GFD@GVLVPLB !@UBLFTIJ@
$PNQPTJUJPO"1*
import Vue, { PropOptions } from 'vue'
export default Vue.extend({
name: 'Sample',
props: {
prop: { type: String, required: true }
as PropOptions<String>
},
data: () => ({
sample: 'sample'
}),
computed: {
computed() {
return {}
}
},
mounted() {},
methods: {
sampleEmit() {
this.$emit('sampleEmit', this.sample)
}
}
})
import { defineComponent, reactive, SetupContext }
from '@vue/composition-api'
type Props = { sample: string }
type State = { sample: string }
export default defineComponent({
name: 'Sample',
props: {
Prop: { type: String, required: true }
},
setup(props: Props, context: SetupContext) {
const state = reactive<State>({
sample: 'sample'
})
const sampleEmit = () => {
context.emit('sampleEmit', props.sample)
}
return {
state,
props,
sampleEmit
}
}
})