Vue 3.2 setup 语法糖

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用

setup 选项是一个接收 props 和 context 的函数

• 由于在执行 setup函数的时候，还没有执行 Created 生命周期方法，所以在 setup 函数中，无法使用 data 和 methods 的变量和方法

• 不能在 setup函数中使用 data 和 methods，所以 Vue 为了避免我们错误的使用，直接将 setup函数中的this 修改成了 undefined
• vue3通过ref reactive来定义响应式数据

• 
  
  
  
  //必须使用驼峰命名
  
  

  2.使用setup组件自动注册

  在 script setup 中，引入的组件可以直接使用，无需再通过components进行注册，
  并且无法指定当前组件的名字，它会自动以文件名为主，也就是不用再写name属性了。
  
  
  
  
  

  3.使用setup后新增API

• defineProps  用来接收父组件传来的 props

• defineEmits
• defineExpose

defineEmits 子组件向父组件事件传递。、

defineExpose   组件暴露出自己的属性，在父组件中可以拿到