首先解释下,通常把自定义组件a在b页面引入,作为b页面引入页面我把他叫做父组件;
父 —— 子 传值
在子组件的内的component构造器内有个properties属性用来接收父组件传给子组件的值,也是是属性名到属性设置的映射表。如下图所示(红色方框圈起来的地方):
可以直接赋值,也可以声明类型在赋值皆可;
在子组件内设置好要在父组件传递的值类型,值的名称之后。再到父组件引入子组件的地方,把对应的名称和值写上就可以了。如下图所示:
在父组件内可以预设好要传递的值,或是在组件引用的地方直接写值都可以。
子 —— 父 传值
说完了,父给子组件传值,现在说说子组件给父组件传值的方法。
所谓子组件给父组件传值,也就是当在子组件完成一个事件或是调用完一个方法之后把最终的结果传递给父组件,且父组件来接收子组件传递的值。
首先要完成这一步,先要做个监听。官方给出了一个方法如下图所示: