相关代码：

问题描述：为什么给input框绑定keyup keydown 或者keypress事件,显示出来的内容总是滞后呢?我怎么感觉我们没有学过input事件

相关截图：

相关代码：

​const app = Vue.createApp({
        setup(){
            const {ref,reactive}=Vue;
            const inputValue=ref('请输入内容');
            const list=reactive([])
            const handleAdd=()=>{
                list.push(inputValue.value);
                inputValue.value=''
            };
            const handleInput=(e)=>{
                console.log(e.target.value);
                inputValue.value=e.target.value;
            };
            const handleInputFocus=()=>{
                inputValue.value=''
            };
            return{
                inputValue,
                list,
                handleAdd,
                handleInput,
                handleInputFocus
            }
        },
        template: `
            <input :value='inputValue' @keypress='handleInput' @focus='handleInputFocus' />
            <button @click='handleAdd'>增加</button>{{inputValue}}
            <div v-for='(value,index) in list' :key='index'>{{value}}</div>
        `
    });

    const vm= app.mount('#root');