禹神安装的查看markdown软件: Typora

总结TodoList案例

1. 组件化编码流程:

(1)拆分静态组件

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

(2)实现动态组件

考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用:
1) 一个组件在用:放在组件 自身 即可。
2) 一些组件在用:放在他们 共同的父组件 上(状态提升)。

(3)实现交互:从绑定事件开始。

2. props适用于:

(1)父组件 ==> 子组件 通信
(2)子组件 ==> 父组件 通信(要求 父给子 先传一个函数)

3. 使用v-model时要切记

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

4. props传过来值

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