一、子组件向父组件传值有以下几个步骤:
1.定义子组件
Vue.component('son', {
template: '#son',
data() {
return {//data中的return实现数据隔离
msg: ''
}
},
2.在父组件中引入子组件,在父组件中给引用的子组件注册一个事件(这个事件的名字是自定义的)如
<div id='app'>
<son @tofather='tofather'></son>//自定义事件
</div>
3.子组件可以触发这个事件$emit('事件名字')
methods: {
toFather() {
// 第一个参数:自定义事件名 第二个参数:要传递的参数
this.$emit('tofather', '去father', '去father2')
// this.$emit('tofather', { name: 'zs' })
}