<template>
    <Radio-group :value="handleValue" @input="updateValue" style="width: 350px;">
        <Radio label="spring">
            <span>春秋</span>
        </Radio>
        <Radio label="summer">
            <span>夏</span>
        </Radio>
        <Radio label="winter">
            <span>冬</span>
        </Radio>
        <Radio label="seasons">
            <span>四季</span>
        </Radio>
    </Radio-group>
</template>

<script>
export default {
    props: ['value'],
    data() {
        let _this = this;

        return {
            handleValue: _this.value
        };
    },
    methods: {
        updateValue(newValue) {
            let nValue = newValue;

            this.$emit('input', nValue);
        }
    },
    watch: {
        value(newValue) {
            this.handleValue = newValue;
        }
    }

};
</script>

<style>

</style>