(尚027)Vue_案例_交互添加

 

 

 TodoHeader.vue组件

写交互:

第一步:跟目标元素绑定监听

(1).按回车键确认@keyup.enter="add"

 

 

 

 

 (2).

注意:数据在哪个组件,更新数据的行为就应该定义在哪个组件

 

 

 

 (3).更新父组件状态

 

 

 (4).将函数传递给TodoHead.vue组件

 

 

 (5).在TodoHeader.vue中声明接收属性

 

 (6).

 

 (7).页面显示截图:

 

 厉害了!!!