v-model的實現原理

v-model

1. v-bind繫結響應式資料
2. 透過@input觸發事件獲取當前 $event.target.value，然後賦值給當前變數

<template>
  <div>
    <input @input="handleInput" />
    <div>
        實時監聽: {{ message }}
    </div>
  </div>
</template>

<script>
    export default {
        data(){
            return {
                message:""
            }
        },
        methods:{
            handleInput(event){
                this.message = event.target.value
            }
        }
    }
</script>

本作品採用《CC 協議》，轉載必須註明作者和本文連結