<template>

<ul>

<li v-for="column in props" :key="column.id"></li>

</ul>

</template>

<script lang='ts'>

export default {

name: 'ColumnList',

}

</script>

<script lang='ts' setup>

import { reactive,ref,onMounted, PropType} from 'vue'

export interface CloumProps{

id:number,

title:string,

avater:string,

description:string

}

const props=defineProps<{

list:{

type:CloumProps,

required:true

}

}>()

console.log(props);

</script>

<style scoped>

</style>