如何在 vue3 的 props 中使用嵌套数组？

Question

I'm using SFC and a setup script with Vue3 (and typescript), and I can't seem to create a prop that's a nested array:

const props = defineProps({
    title: String,
    desc: String,
    columns: Array<Array<String>>,
});

Answer 1

The answer is in https://vuejs.org/api/sfc-script-setup.html#typescript-only-features

The syntax for typescript is different:

const props = defineProps<{
  foo: string
  bar?: number
}>()

Answer 2

I think that you would be looking at something like this.

const props = defineProps<{
  title: string;
  desc: string;
  columns: string[][];
}>()

If you are using optional props I would also recommend looking at withDefaults .