父子组件传值

一,父组件给子组件传值

父组件给子组件传值是父子组件传值的一种方式之一。首先我们来看一下,具体的步骤分为两步:

1,父组件动态绑定数据。

2,子组件通过props接收父组件传过来的值。

父组件可以传数据,方法,以及本身的this对象给子组件,子组件可以通过props来获取传过来的类型值。同时,props还可以验证传过来的值属性哪种类型,当类型出错时,就会在首页上报错,以此来提醒出错。props类型验证一般是适用于多人开发合作的时候才会用到,目的是为了协作开发。

接下来我们来看代码:

二,父组件获取子组件传过来的值

步骤:1,父组件在绑定组件的时候给子组件赋一个ref的值;

           2,父组件通过this.$refs.ref的值.子组件的属性/方法

三,子组件主动获取父组件传过来的数据和方法

通过this.$parent.父组件的属性/方法获取

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容