摘要：
app <template> <div id="app"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader :addTodo="addTodo"></MyHeader> <MyList :todos="todos" :ch 阅读全文
摘要：
footer <template> <div class="todo-footer" > <label> <input type="checkbox" /> </label> <span> <span>已完成{{doneTotal}}</span> / 全部{{todos.length}} </sp 阅读全文
摘要：
app <template> <div id="app"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader :addTodo="addTodo"></MyHeader> <MyList :todos="todos" :ch 阅读全文
摘要：
app中 <template> <div id="app"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader :addTodo="addTodo"></MyHeader> <MyList :todos="todos" :c 阅读全文
摘要：
涉及到三个 组件 header <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称，按回车键确认" @keyup.enter="add"/> </div> </template> <script 阅读全文
摘要：
首先建立静态资源html App。vue <template> <div id="app"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader></MyHeader> <MyList ></MyList> <MyFooter 阅读全文
摘要：
三种写法 export default { name:"MyFooter", //简单写法 /* props:["name", "age", "sex"] */ //对象写法 // props:{ // name:String, // age:Number, // sex:String, // } 阅读全文