Vue3+Ts+Setup语法糖 defineProps默认值

父组件传值

<div>
  	<TableData :table-data="sTableData"></TableData>
</div>

子组件接收

<script setup lang="ts">
import {defineProps} from 'vue'

interface Props {
  tableData?: any
}

const props = withDefaults(defineProps<Props>(), {
  tableData: () => []
})

</script>

template直接props.tableData直接使用

你可能感兴趣的:(vue3,vue.js,javascript,前端)