带有数据的Vue.js模板

Question

我已经使用Vue.js几天了，每次按enter按钮时，我都会尝试在输入中添加一个带有文本的新div。你能帮我检查一下这段代码吗？

脚本

window.onload = function () {
        Vue.component('todo-item', {
            props: ['todo'],
            template: '<div id="div{{todo.id}}">{{ todo.text }}</div>'
        });

        var app7 = new Vue({
            el: '#app-7',
            data() {
                return {
                    divList: [],
                    textInput:''
                }
            },
            methods: {
                addUser() {                        
                    return this.divList.push({
                        id: + new Date,
                        text: textInput
                    });
                }
            }
        });
}

<div id="app-7">
              <input v-model="textInput" v-on:keyup.enter="addUser" />
              <todo-item v-for="item in divList" v-bind:todo="item" v-bind:key="item.id"></todo-item>
          </div>

在app7.textInput，控制台上，如果我检查JavaScript的值，就会发现它没有正确地绑定.

Answer 1

谢谢Bert，我只是做了修改，删除了缓存

         methods: {
                        addUser() {
                            return this.divList.push({
                                id: + new Date,
                                text: this.textInput
                            });
                        }
                    }