props

定义 props

TS 类型声明对象类型直接列出名称

ts

interface Props {
  title: string
  count?: number
}
const props = defineProps<Props>()

js

/*
  props 校验：
  https://cn.vuejs.org/guide/components/props.html#prop-validation
 */
const props = defineProps({
  title: String,
  count: {
    type: Number,
    required: false,
    default: 0,
  },
})

js

/* 
  适合只需要简单列出 prop 名称，类型为 any
*/
const props = defineProps(['title', 'count'])

使用 props

template

<input type="text" :value="props.modelValue" />
<input type="text" :value="$props.modelValue" />