已采纳回答 / 流觞醉月
TodoList.vue是根模板，网页显示的是<TodoList></TodoList>里面的内容，写成<TodoList/>自闭合也是一样的意思。那为什么是<TodoList/>呢？因为定义了name: "TodoList"。个人理解是这样的
2018-05-03
<div id='root'>
<div v-for="(value,key,index) in lists" :title="value" @click="Value" >{{value}}中{{key}}国{{index}}</div>
</div>
<script>
new Vue({
el:'#root',
data:{
lists:{
1:1,
2:2,
3:3
}
},
methods:{
Value:function(e) {
console.log(e.target.title);
}
}
})
<div v-for="(value,key,index) in lists" :title="value" @click="Value" >{{value}}中{{key}}国{{index}}</div>
</div>
<script>
new Vue({
el:'#root',
data:{
lists:{
1:1,
2:2,
3:3
}
},
methods:{
Value:function(e) {
console.log(e.target.title);
}
}
})
2018-05-02
不好意思啊，原来可以有两种写法，list是数组的话使用 of ，前面的参数为（value,index）；
list是对象的话使用 in ，前面的参数为（value,key,index）;
list是对象的话使用 in ，前面的参数为（value,key,index）;
2018-05-02
<div v-for="(value, key, index) in object">
{{ index }}. {{ key }}: {{ value }}
</div>
这里官网上已经变成in了，感觉使用新写法比较好，第三个值才是索引
{{ index }}. {{ key }}: {{ value }}
</div>
这里官网上已经变成in了，感觉使用新写法比较好，第三个值才是索引
2018-05-02
npm run dev npm ERR! path E:\study\practice\font\vue\todolist\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open 'E:\study\practice\font\vue\todolist\package.json'
2018-05-02