Vue?? v-model? ??? ???? ???? ?????? ??? ??? ??????

Vue??? ?? ??? ??? ?? ??? ???? ???? ?? v-model ???? ?? ?????. ? ??? ???? ?? ????? ?? ????? ??? ??? ??????. ??? v-model? ?? ??? ?? ???? ???? ?? ??? ? ??? ???? ??? ?? ?? ? ?? ?? ??? ??? ? ????. ? ????? v-model? ??? ? ??? ??? ????? ??? ???? ? ?? ?? ??? ?????.

1. ?? ??? ??
   ????? v-model? ?? ??? ?? ???? ?????. ?, ? ??? ?? ???? ?? ???????. ??? ?? ?? ?? ????? ?? ?? ?? ??? ??? ? ????. ? ??? ???? ?? Vue? ?? ???? ???? ??? ????? ??? ? ?? ?? ???? ?????. ??? ?? ??? ????? ???? ??? ?????.

?? ??? ?? ?? ???? ?? ???? ???? ?? ???? ?????.

<input v-model.lazy="message">

2. ????? ???? ???? ??? ?????
   ?? ???? ???? ????? ???? ? ??? ????? ???? ??? ??? ?? ????. ?????. ????? ?? ?? ?? ?? ? ???? ???? ??? ????, ??? ?? ?? ?? ??? ???? ??? ?? ???? ????? ?????. ??? ?? ???? ??? ?? ???? ??? ??? ? ????.

??? ???? ??? ???? ?? ????? ???? ????.

<input v-model="message" v-model.debounce="300">

? ???? ?? ??? 300???? ?????? ??? ??? 300??? ?? ?? ??? ?? ????? ??????.

3. v-model ?? ??? ?? ??
   ?? ??? ??????? ?????? ?? ?? ?? ?? ?? ??? ???? ? ?? ????. ? ????? v-model ?? ??? ?? ??? ??? ? ????. ??? ??? ???? ???? ???? ????? ? ?? ???? ? ?? ?? ??? ???? ? ????.

??? v-model ?? ??? ??? ??? ????.

<template>
<input v-model="inputValue">
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  computed: {
    processedValue: {
      get() {
        // 進行一些處理
        return this.inputValue.toUpperCase()
      },
      set(value) {
        // 進行一些反向處理
        this.inputValue = value.toLowerCase()
      }
    }
  }
}
</script>

? ??? inputValue? ??? ???processedValue? ?? ??? ? ??????. ?? ?? ?? ?? ???? ?? ? ?? ?? ??? ???? ???? ?? ???? ??? ? ????.

??:
v-model? ??? ???? ???? ?? ????? ????? ??? ??? ???? ? ????. ?, ?????? ???? ?? ?? ?? ??? ??? ? ? ????. ??? ??? ?????? ?? ???? ???? ????? ?????, ?????? ???? ??? ?????, ??? ??? ?? v-model ?? ??? ??? ??? ? ????. v-model? ???? ???? ???? ??????? ??? ??? ???? ? ?? ??? ??? ?? ? ????.

?? Vue?? v-model? ??? ???? ???? ??????? ??? ??? ????? ??? ??? ????. ??? ??? ??? ?????? ?? ???? ????? ?????? ??? ???? ? ????. ? ??? ?? ???? ??? ??? ????.

? ??? Vue?? v-model? ??? ???? ???? ?????? ??? ?? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!