vue keydown timer

setting up timer with vuejs

by Rushan Sakhibgareev

HTML

<div id="exercise">
    <div>
        <input type="text" :placeholder="value1" v-on:keydown ="setNewValue()" v-model="value1">
        <p>{{ value2 }}</p>
    </div>
</div>

Vue

new Vue({
        el: '#exercise',
        data: {
            value1: '',
            value2: '',
            
        },
        methods: {
           setNewValue(){
           
           var me = this; 
              setTimeout(()=>{
                me.value2 = me.value1;
                }, 3000);
           }
        },

    });