Vue2+3 TodoList案例

 

 

 

 

总结TodoList案例

1.组件化编码流程:

　　(1)拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突

　　(2)实现动态组件:考虑数据的存放位置,数据是一个组件在用,还是一些组件在用:

　　　　1)一个组件在用:放在组件自身即可.

　　　　2)一些组件在用:放在他们共同的父组件上(状态提升)

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

2.props适用于:

　　(1)父组件==>子组件通信

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

3.使用v-model时要切记:v-model绑定的值不能是props穿过来的值,因为props是不可以修改的

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