子组件传递父组件

子组件：

<template>
	<button @click="newsInfo">提交</button>
</template>

<script>
	import {
		ref
	} from "vue"

	export default {
		setup(props, ctx) {
			let msg = ref('这是子组件数据')
			let newsInfo = () => {
				ctx.emit('newsInfo', [msg.value]);
			}
			// newsInfo() //需要页面加载时
			return{
				newsInfo //通过事件触发时
			}
		}
	}
</script>

<style>
</style>

父组件：

<template>
	<NewsEdit v-if="['news'].includes(typeName)" @newsInfo="newsInfo" />
</template>

<script>
	import NewsEdit from '@/views/home/components/column/news/newsEdit.vue'
	export default{
		components: {
			NewsEdit
		},
		setup(props) {
			let newsInfo = (val) => {
				console.log('接收新闻val',val)
			}
			return{
				newsInfo
			}
		}
	}
</script>