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

TodoHeader.vue组件

写交互:

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

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

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

(2).(尚027)Vue_案例_交互添加-LMLPHP

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

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

(3).更新父组件状态

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

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

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

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

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

(6).(尚027)Vue_案例_交互添加-LMLPHP

(7).页面显示截图:

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

厉害了!!!

05-22 01:39