你的位置: 首页 > 手机资讯 > vue父子组件传值

vue父子组件传值

更新时间:2022-06-19 14:51

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)

}

}

}

关于父子组件传值,我们就分享到这啦! <

相关下载

相关合集

Copyright 2012-2022 掌游网 豫ICP备2021037784号-1

声明:本站所有资源均来自网络,版权归原公司及个人所有。如有版权问题,请及时与我们网站编辑在线QQ2046095005联系,我们在第一时间予以删除,谢谢!