父子组件传值

1、父传子,使用props

父组件,引入子组件-- 三步骤

父子组件传值_第1张图片

把 要传的写在data函数

父子组件传值_第2张图片子组件:结构中 用{{ }}呈放,js中 用props接收父子组件传值_第3张图片

 2、子传父,  用$emit  或者 用$refs(得到值的方法)

$emit :

子组件:

把要出传的值 放在data中,在methods方法中,用this.$emit() 给父组件传值

!this.$emit()中,第一个参数 是调用父组件的方法,第二个参数 是子组件要传的值

父子组件传值_第4张图片

父子组件传值_第5张图片

 父组件:

 结构中用 {{用个变量}} 呈放,data中 写这个变量,mmethods方法中 定义父组件的方法

父子组件传值_第6张图片 父子组件传值_第7张图片父子组件传值_第8张图片

$refs

3、

你可能感兴趣的:(javascript,开发语言,ecmascript)