vue父子組件如何傳值呢？我們一起了解一下吧！

父子組件就是在一個(gè)vue文件中引入另一個(gè)vue文件，被引入vue文件就是子組件，引入vue文件的vue文件就是父組件。以下是父子組件傳值的具體操作。

1.父向子傳值props

父組件：

子組件：

（1）props: {
???inputName: String,

???required: true

??}

（2）props: ["inputName"]

2.子組件向父組件傳值$emit

子組件:

?{{childValue}}

?

??

?export default {
??data () {
???return {
????childValue: '我是子組件的數(shù)據(jù)'

???}

??},

??methods: {
???childClick () {??

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

???}

??}

?}

關(guān)于父子組件傳值，我們就分享到這啦！

vue父子組件傳值

父子組件就是在一個(gè)vue文件中引入另一個(gè)vue文件，被引入vue文件就是子組件，引入vue文件的vue文件就是父組件。父向子傳值是props，子組件向父組件傳值是$emit。