<template>
    <div>
        <Input-number :max="max" name="he" :min="-1" v-model="v1" :autofocus="autofocus"></Input-number>
        {{ v1 }}
        <div @click="c">change v1</div>
        <div @click="changeMax">change max</div>
        <Input-number disabled :max="10" :min="1" :step="1.2" v-model="v2"></Input-number>
        <Input-number :max="10" :min="1" v-model="obj.v"></Input-number>
    </div>
</template>
<script>
    export default {
        props: {},
        data () {
            return {
                v1: 1,
                v2: 1,
                max: 10,
                autofocus: true,
                obj: {

                }
            };
        },
        computed: {},
        methods: {
            c () {
                this.v1 = 5;
            },
            changeMax () {
                this.max++;
            }
        }
    };
</script>