十六、Vue之 template 中取data()中資料的注意點

  在template 中取data()中資料注意DOM屬性和非屬性之間的差別：

1.DOM屬性中取數值

<template>
    <div>
        <input type="text" v-model="todo" @keydown="addByEnterKey" />
    </div>
</template>

<script>
export default {
    data() {
        return {
            todo: '待取數值'
        }
    }
}
</script>      

<template>
    <div>
        {{todo}}
    </div>
</template>

<script>
export default {
    data() {
        return {
            todo: '待取數值'
        }
    }
}
</script>