一,父组件给子组件传值
父组件给子组件传值是父子组件传值的一种方式之一。首先我们来看一下,具体的步骤分为两步:
1,父组件动态绑定数据。
2,子组件通过props接收父组件传过来的值。
父组件可以传数据,方法,以及本身的this对象给子组件,子组件可以通过props来获取传过来的类型值。同时,props还可以验证传过来的值属性哪种类型,当类型出错时,就会在首页上报错,以此来提醒出错。props类型验证一般是适用于多人开发合作的时候才会用到,目的是为了协作开发。
接下来我们来看代码:
二,父组件获取子组件传过来的值
步骤:1,父组件在绑定组件的时候给子组件赋一个ref的值;
2,父组件通过this.$refs.ref的值.子组件的属性/方法
三,子组件主动获取父组件传过来的数据和方法
通过this.$parent.父组件的属性/方法获取