Vue Property Decorator
1515 ワード
@Component
@Prop
@Watch
@Emit
https://github.com/kaorun343/...
export default {
components:{
componentA,
componentB,
}
}
import { Component, Vue } from 'vue-property-decorator';
@Component({
components:{
componentA,
componentB,
}
})
@Prop
export default {
props: {
propA: {
type: Number,
},
propB: {
default: 'default value',
},
propC: {
type: [String, Boolean],
},
},
}
import { Vue, Component, Prop } from 'vue-property-decorator'
@Component
export default class YourComponent extends Vue {
@Prop(Number) readonly propA: number | undefined
@Prop({ default: 'default value' }) readonly propB!: string
@Prop([String, Boolean]) readonly propC: string | boolean | undefined
}
import 'reflect-metadata'
import { Vue, Component, Prop } from 'vue-property-decorator'
@Component
export default class MyComponent extends Vue {
@Prop() age!: number
}
@Watch
@Watch('person', { immediate: true, deep: true })
onPersonChanged1(val: Person, oldVal: Person) {}
@Emit
onInputChange(e) {
this.$emit('on-input-change', e.target.value, e)
}
@Emit()
onInputChange(e) {
return e.target.value
}
https://github.com/kaorun343/...