vue 中 defineProps 与 props 的区别

Question

1. 为什么使用 defineProps
2. 组合式 API 可以使用 props 吗
3. defineProps 仅仅是 props 从选项式 API 到组合式 API 的变体吗
4. 所以 defineProps 和 props 有什么区别吗

Answer 1

defineProps：

    1、用于组件通信中父级组件给子级组件传值，其用来声明props,其接收值为props选项相同的值

    2、默认支持常见的类型检查，在ts下，我们需要明确变量的类型，类型经常是我们的自定义类型

    3、只能在<script setup>中使用

    4、不需要被导入即可使用,它会在编译<script setup>语法块时一同编译掉

    5、必须在<script setup>的顶层使用，不可以在<script setup>的局部变量中引用

    6、不可以访问 <script setup> 中定义的其他变量，因为在编译时整个表达式都会被移到外部的函数中

defineProps：

    1、用于组件通信中父级组件给子级组件传值，其用来声明props,其接收值为props选项相同的值

    2、默认支持常见的类型检查，在ts下，我们需要明确变量的类型，类型经常是我们的自定义类型

    3、只能在<script setup>中使用

    4、不需要被导入即可使用,它会在编译<script setup>语法块时一同编译掉

    5、必须在<script setup>的顶层使用，不可以在<script setup>的局部变量中引用

    6、不可以访问 <script setup> 中定义的其他变量，因为在编译时整个表达式都会被移到外部的函数中

————————————————
版权声明：本文为CSDN博主「arguments_zd」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_43185384/article/details/125208794

为什么使用 defineProps
https://blog.csdn.net/fanlao4203/article/details/126271542
组合式 API 可以使用 props 吗
可以使用 。defineProps 就是props只是 vue3只支持这种写法。但 作用和 vue2得props 一样都是 传参
defineProps 仅仅是 props 从选项式 API 到组合式 API 的变体吗
是
所以 defineProps 和 props 有什么区别吗
我觉得没什么区别