03_Vue.js的第三次使用
1. 交互刪除
數據在哪裏,刪除數據的函數就寫在哪裏。所以在App.vue中實現deleteTodo函數,並將deleteTodo函數傳給TodoList
TodoList接收deleteTodo函數並將deleteTodo傳給TodoItem
TodoItem接收deleteTodo函數,並添加模板和鼠標監聽,並調用deleteTodo函數
2. 交互Footer組件
App.vue中實現deleteCompleteTodos方法和selectAllTodos方法並將todos、deleteCompleteTodos、selectAllTodos傳給TodoFooter.vue
在TodoFooter.vue中聲明接收屬性、雙向綁定、實現completeSize函數並調用deleteCompleteTodos方法和selectAllTodos方法
接04_Vue.js的第四次使用