欢迎光临散文网 会员登陆 & 注册

千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js...

2023-07-21 18:03 作者:HM99sunshine  | 我要投稿

父传子通过自定义属性传参,子组件通过props接受参数。父组件定义一个name属性,通过自定义属性:name="name"传递,子组件用props接受,注意接受的是一个对象,type代表是接受的数据类型,default代表的是默认值。

子传父通过自定义事件,子组件定义一个事件,通过ctx.emit('send',msg.value);第一个参数是传过去的事件,第二个参数是传过去的数据,父组件用@send="send"接收。

父传子:props,所有的props都遵循着单向绑定原则,props因父组件的更新而变化,自然将新的状态向下流往子组件,而不会逆向传递,这避免了子组件意外修改父组件状态的情况,不然应用的数据流,将容易变得混乱而难以理解。另外,每次父组件更新后,所有的子组件中的props都会被更新到最新值,这意味着你不应该在子组件中去更改一个props,如果这么做了,控制台会出现警告。





千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js...的评论 (共 条)

分享到微博请遵守国家法律