<template>
	<view>
		<view>{{gradeTerm.text}}</view>
		<view>
			<view v-for="item in data.list" :key="item.index"> {{item.index}} {{item.label}} </view>
		</view>
		<view>
			<navigator url="/pages/study/catalogue" hover-class="navigator-hover">
				<button type="default">学习计划</button>
			</navigator>
			<navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
				<button type="default">成长</button>
			</navigator>
			<navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
				<button type="default">伙伴</button>
			</navigator>
			<navigator url="navigate/navigate?title=navigate" hover-class="navigator-hover">
				<button type="default">我的</button>
			</navigator>
		</view>
	</view>
</template>

<script setup>
	import {
		useRoute
	} from "vue-router";
	import {
		reactive
	} from "vue";

	const route = useRoute();
	const gradeTerm = route.query;

	const data = reactive({
		list: [{
				label: '长度中的隐含条件问题',
				id: 1,
			},
			{
				label: '解决重叠问题',
				id: 2,
			},
			{
				label: '列表法解决方案问题',
				id: 3,
			},
			{
				label: '真题测试',
				id: 4,
			},
		]
	})

	console.log(route)
</script>

<style>

</style>