2021-01-09

<h1>开始记录：</h1>
			<ul>
				<!-- <li v-for="(item,index) in list" :key="index" v-show="!item.checked"> -->
				<template v-for="(item,index) in list" :key="index">
					<li v-if="!item.checked">
						<input type="checkbox" v-model="item.checked" @change="settodolist()"/> {{item.title}}--- <button @click="delectData(index)">删除</button>
					</li>
				</template>
			</ul>
			<h1>记录完成：</h1>
			<ul>
				<template v-for="(item,index) in list" :key="index">
					<li v-if="item.checked">
						<input type="checkbox" v-model="item.checked" @change="settodolist()" /> {{item.title}}--- <button @click="delectData(index)">删除</button>
					</li>
				</template>
			</ul>

报错信息：template cannot be keyed. Place the key on real elements instead.
原因：vue不支持在 template 元素上绑定属性。比如这里想绑定 key 属性就不行。
解决方法：把template改成div就行了 ，不用template做for循环