v-model双向数组绑定 和 @input 用法：每次再表单输入值，都会立马得到数据

v-model @input 使用

<template>
    <div>
        <input type="text" v-model="value">
        <p>{{ value }}</p>
        <button @click="getval">得到value</button>
        <p>得到输入框实时更新的数据  使用 @input指令 </p> 
        <input type="text" @input="getnew">
    </div>
</template>

script 代码

<script>
    export default {
        data(){
            return {
                value:''
            }
        },
        methods:{
            //得到表单的值
            getval(){
                console.log(this.value)
            },
            // 如果想总实时更新的话 可以使用@input
            getnew(e){
                console.log(e.target)
                console.log(e.target.value)
            }
        }
    }
</script>