Vue实战:使用父子通信、子父通信做一个TodoList

原创 一者乎 随笔 Vuejs 107阅读 16 天前 举报
  • 利用vue的mvvm的特性,绑定用户输入的内容和展示在列表的内容
  • 用户勾选表示已完成,通过动态修改样式来标识已完成
  • 用户点击按钮“delete”,通过v-show来控制任务隐藏

根据教程动手做一个Demo:vue实战案例:用学过的知识做一个小demo
todolist

如下运行可视:

第一种:父组件向子组件单向传递数据

第二种:父子之间通信从而完成传递数据

评论 ( 2 )
最新评论