todolist的案例总结

todolist的案例

1、组件化编程流程：

a、拆分静态组件：组件按照功能点拆分，命名不要和html元素冲突

b、实现动态组件：考虑数据的存放位置（app?或者其他上面），数据是一个组件在使用，还是一些组件在使用

一个组件使用：放在组件自身上

一些组件使用：放在他们共同的父组件上（状态提升--状态数据 数据内容改 页面发生变化）

c、实现交互：从绑定事件开始

2、props的使用

a.父组件====>子组件 实现通信 父可以写子的标签属性传参

b.子组件====>父组件 实现通信（要求父献给子一个函数 A -----D 需要经过 BC 被打扰了）

3、使用v-model：v-model绑定的值不可以是props传过来的值，因为props是不可以被修改的

4、props传过来的若是对象类型的值，修改对象中的属性时Vue不会报错，不推荐