二十九、总结TodoList案例

（一）组件化编码流程

1.拆分静态组件

• 组件要按照功能点拆分
• 命名不要与 html 元素冲突

2.实现动态组件

• 考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用
• 一个组件在用：放在组件自身即可
• 一些组件在用：放在他们共同的父组件上（状态提升）
• 用：读数据、写数据

3.实现交互

• 从绑定事件开始

（二）props 适用于

• 父组件 ==> 子组件 通信
• 子组件 ==> 父组件 通信（要求父先给子提供一个函数）

（三）使用 v-model 要切记

• v-model 绑定的值不能是 props 传过来的值
• 因为 props 是不可以修改的

（四）备注

• props 传过来的若是对象类型的值，修改对象中的属性时 Vue 不会报错，但不推荐这样做