虚拟dom及父子传信

本文探讨了Vue中如何通过Props实现父子组件间的通信,强调了data为何必须以函数形式返回,确保组件数据的独立性。同时,介绍了组件间的自定义事件机制,以及Vue的虚拟DOM工作原理,包括虚拟DOM的生成、更新和diff算法,揭示了其提高性能的机制。
摘要由CSDN通过智能技术生成

Props
父组件给子组件传递数据的时候子组件需要利用props的属性来确定自己的预期数据。中间有- 需要写出驼峰的形式来接收。如果儿子没有通过props属性接受传递过来的数据,则数据会以自定义属性的方式,放在儿子最外层的根元素上面。
为什么组件中的data必须是一个函数返回对象的形式?
目的是让每一个实例可以维护一份被返回对象的独立的拷贝 (每个组件使用到的数据地址不一样)内部必须要返回一个对象的写法,这样就可以保证每个组件里面用到的数据对象都是唯一的。
组件之间的作用域是相互独立的,组件的数据默认只能组件的模板里面使用。

每一个组件或者实例都会有自定义事件,和触发事件的能力,父组件给子组件绑定一个自定义事件,这个事件的处理程序却是父组件的一个方法 <son @change=“父组件的函数”>。当子组件触发这个事件的时候,相当于父组件的方法被执行了 (this.$emit(自定义事件,参数))

组件间不仅可以用过 r o o t / root/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值