vue父子组件若何传值呢?我们一块明白一下吧!
父子组件便是在一个vue文件中引入另一个vue文件,被引入vue文件便是子组件,引入vue文件的vue文件便是父组件。以下是父子组件传值的具体操纵。
1.父向子传值props
父组件:child :inputName="name">
子组件:
(1)props: {
inputName: String,
required: true
}
(2)props: ["inputName"]
2.子组件向父组件传值$emit
子组件:
span>{{childValue}}/span>
!-- 界说一个子组件传值的方式 -->
input type="button" value="点击触发" @click="childClick">
export default {
data () {
return {
childValue: ´我是子组件的资料´
}
},
methods: {
childClick () {
this.$emit(´childByValue´, this.childValue)
}
}
}
关于父子组件传值,我们就分享到这啦! <