父组件 :parent.vue
<template>
<div>
<h1>内容1</h1>
<son-com :zong-biao-list="zongBiaoList" @query-params="getParams" />
</div>
</template>
<script>
import SonCom from './components/sonCom'
export default{
components: {
SonCom
},
data(){
return{
zongBiaoList:'123'
}
}
}
</script>
子组件:SonCom.vue
<template>
<div>
<el-table :data= "zongBiaoList"></el-table>
</div>
</template>
<script>
import SonCom from './components/sonCom'
export default{
props: {
zongBiaoList: {
type: Array,
default: null
}
},
data(){
return{
}
}
}
</script>
1、父传子
在子组件里通过props即可,
2、子传父
this.$emit(‘view-type’, this.viewType)