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)
}
}
}
关于父子组件传值,我们就分享到这啦!