<div id="todolist">
        <div>
            <input type="text" v-model="inputValue">
            <button v-on:click="handleBtnClick">提交</button>
        </div>
        <ul>
            <li 
            v-for="(i,index) in list" 
            v-on:click="handleItemClick" 
            v-bind:index="index">
                {{i}}---{{index}}
            </li>
            <!-- 1 v-for命令控制遍历list数组，赋值i为数组项，index为数组项索引-->
            <!-- 2 v-bind命令控制data中index与li标签属性index绑定-->
        </ul>
    </div>

    <script type="text/javascript">
     
        Vue.component
        var ToDo=new Vue({
            el:"#todolist",
            data:{
                list:[],
                inputValue:"",
                index:""
            },
            methods:{
                handleBtnClick:function(){
                    this.list.push(this.inputValue);
                    this.inputValue="";
                },
                handleItemClick:function(){
                    this.list.splice(this.index,1);
                    // 3 this.list; this指向Vue实例“ToDo”,this.list实际上是指this.$data.list
                    // 4？？？？？？ this.index; 如果之前耳朵理解正确，那此处的this是指data下的index，该index与li标签的index绑定，，，，然后往下我就理解不了了，为什么这段代码可以识别到我点击的是哪个li，并且在点击的同时把index传给了data的index？？？代码中并没有相关的命令啊
                }
            }
        });
    </script>

1/2/3注释是我的理解，基于这三点理解第4处注释是我的疑问，拜托老师啦