<template>
	<div>
		<!-- 单词区 -->
		<selectWordsVue :active-words="activeWords" :activeWord="activeWord"></selectWordsVue>
		<!-- 显示区 -->
		<selectTypesVue activeSelect="2"></selectTypesVue>
		<!-- 拼读区 -->
		<view>
			<view v-for="item in data.list">
				<view></view>
			</view>
		</view>
		<!-- 解释区 -->
		<view>
			{{activeWord.jianyi.join(';')}}
		</view>
		<!-- 音标区 -->
		
		<!-- 图片区 -->
		
		<!-- 选择区 -->
	</div>
</template>

<script setup>
	import selectWordsVue from './selectWords.vue';
	import selectTypesVue from './selectTypes.vue';
	import { reactive } from 'vue';
	const props = defineProps({
		activeWord: {
			type: Object,
		},
		activeWords: {
			type: Array
		},
	})
	
	const data = reactive({
		list: [],
		selectList: [],
	})
	setTimeout(() => {
		console.log('activeWord',props.activeWord)
	})
</script>

<style>
</style>