阅读 4

vue父子组件传值

vue父子组件如何传值呢?我们一起了解一下吧!

父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件。以下是父子组件传值的具体操作。

1.父向子传值props

父组件:

子组件:

(1)props: {inputName: String,

required: true

}

(2)props: ["inputName"]

2.子组件向父组件传值$emit

子组件:

{{childValue}}

export default {data () {return {childValue: '我是子组件的数据'

}

},

methods: {childClick () {

this.$emit('childByValue', this.childValue)

}

}

}

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

文章分类
百科问答
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐