// 父组件中
<template>
	<div class="section">
		<com-article :articles="articleList" @onEmitIndexEvent="onEmitIndexMethod"></com-article>
		<p>{{currentIndex}}</p>
	</div>
</template>

<script>
	import comArticle from './article.vue'
	export default {
		name: 'HelloWorld',
		components: {
			comArticle
		},
		data() {
			return {
				currentIndex: -1,
				articleList: ['红楼梦', '西游记', '三国演义']
			}
		},
		methods: {
			onEmitIndexMethod(idx) {
				this.currentIndex = idx
			}
		}
	}
</script>