自存 vue3 截图

1 变量明明方式

2.定义 以及接受prop方式

接受

拿到props就点出来

defineProps 是一个仅 <script setup> 中可用的编译宏命令，并不需要显式地导入

3.生命周期

4.emit事件

defineEmits 仅可用于 <script setup> 之中，并且不需要导入
 

<script setup>
const emit = defineEmits(['enlarge-text'])

emit('enlarge-text')
</script>

5.引用组件

局部注册的组件需要在使用它的父组件中显式导入，并且只能在该父组件中使用。它的优点是使组件之间的依赖关系更加明确
在使用 <script setup> 的单文件组件中，导入的组件可以直接在模板中使用，无需注册：

<script setup>
import ComponentA from './ComponentA.vue'
</script>

<template>
  <ComponentA />
</template>