标签:拆分 绑定 TdoList 案例 Vue2 props 组件 model
总结TodoList案例
1.组件化编码流程:
(1)拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突
(2)实现动态组件:考虑数据的存放位置,数据是一个组件在用,还是一些组件在用:
1)一个组件在用:放在组件自身即可.
2)一些组件在用:放在他们共同的父组件上(状态提升)
(3)实现交互:从绑定事件开始
2.props适用于:
(1)父组件==>子组件通信
(2)子组件==>父组件通信(要求父组件先给子组件传递一个函数)
3.使用v-model时要切记:v-model绑定的值不能是props穿过来的值,因为props是不可以修改的
4.props传过来的如果是对象类型的值,修改对象中的属性时Vue不会报错,但不推荐这样做.
标签:拆分,绑定,TdoList,案例,Vue2,props,组件,model 来源: https://www.cnblogs.com/ericyjchung/p/16299584.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。