# 简易版ReactTolist
我们发现我们学任何的框架基本都会用到Todolist这个案例。因为这个案例包含知识点比较多。重点功能在于用户交互方面。
![](https://box.kancloud.cn/046b2076e55ddd4de97d3c7a53413734_510x450.png)
# 双向数据绑定
> 1. 在Vue.js中,默认可以通过`v-model`指令,将表单控件和我们的`data`上面的属性进行双向数据绑定,数据变化和页面之间的变化是同步的!
> 2. 在React.js中,默认没有提供双向数据绑定这一功能,默认的,只能把`state`之上的数据同步到界面的控件上,但是不能默认实现把界面上数据的改变,同步到`state`之上 ;需要程序员手动调用相关的事件,及人工操作`setState`方法来达到视图和数据进行更新。
- webpack复习
- React基础
- 前端三大主流框架对比
- React中几个核心的概念
- React基础语法
- React JSX语法
- React组件
- 普通组件
- 组件通信-父向子传递
- 组件拆成单个文件
- 面向对象复习
- Class组件基础
- Class组件的私有状态(私有数据)
- 案例:实现评论列表组件
- 组件样式管理
- 组件样式分离-样式表
- CSS模块化
- 生命周期
- React组件生命周期
- Counter组件来学习组件生命周期
- 生命周期总结
- 生命周期案例
- React评论列表
- React双向数据绑定
- React版todolist
- 其它提高(了解)
- 组件默认值和数据类型验证
- 绑定this并传参的三种方式
- 祖孙级和非父子组件传递数据(了解)
- React路由
- 路由基础
- 动态路由
- 路由严格模式
- 路由导航定位
- 路由重定向
- 路由懒加载
- WolfMovie项目
- 项目初始化
- AntDesign使用
- 其它相关了解