摘要：
需要实现界面截图: 难点分析:sAllCheck必须定义为计算属性 1.想到问题: 一旦写一个组件,需要接收哪些属性?? 因为只有属性确定了,标签才好写 todos属性可以确定三个方面的显示 2.做交互("删除已完成任务":接收一个函数) 3.在App.vue中改标签 传:todos和两个函数 4. 阅读全文
摘要：
删除一条;1.鼠标移入移除这一条时颜色有变化 2.删除当前的todo 显示隐藏背景的变化,首先加监听 1.区别两对属性; onmouseenter="" onmouseleave=""onmouseover="" onmouseout=""区别: (1).进来的时候mouseenter和mouseo 阅读全文
摘要：
TodoHeader.vue组件 写交互: 第一步:跟目标元素绑定监听 (1).按回车键确认@keyup.enter="add" (2). 注意:数据在哪个组件,更新数据的行为就应该定义在哪个组件 (3).更新父组件状态 (4).将函数传递给TodoHead.vue组件 (5).在TodoHeade 阅读全文
摘要：
(1).当前页面需要变化什么样的数据? 答:列表;应该有个todos:[]数组;数组中包含每个元素均为一个对象;有数据titles:'xxx';(勾不勾选)complete:'布尔类型' (2).数组todos究竟放在哪个组件中保存? 看某个组件需要还是某些组件需要;分析各个组件都需要,故放在父组件 阅读全文
摘要：
页面效果展示截图: 第一步.首先拆分组件 (1).首先看一下是上下/左右结构 确定为:输入框+列表+底部; (2).确定名字 (3).创建对应的组件 第二步:静态组件(拆分页面+拆分样式) 1.拆分页面 (1). (2). (3).拆分成功后,需要在App.vue中引入这3个组件写成标签 2.拆分样 阅读全文