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

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

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

如下运行可视:

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

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

评论 ( 2 )
最新评论
一者乎 1F 2018-09-10 14:03:33 2F

可以一试

呵呵弟 2018-09-10 14:01:46 1F

用脚手架 分组件来一版吧