Vue,Vue Cli,VueCli watch

VueCli watch

watch監聽

新增copyMessage 與 watchMessage
綁定表單

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<template>
    <div>
        <input type="text" v-model="watchMessage" />
        <div> {{copyMessage}}</div>
    </div>
</template>>

<script>

export default {
    data () {
        return {
            copyMessage:'',
            watchMessage:'How',
        }
    },
    watch:{
        watchMessage(value){
            this.copyMessage=value;
        }
    },
}
</script>

GitHub VueCli watch