选项式和组合式

简单解释一下：

• 选项式是 Vue2 的写法
• 组合式是 Vue3 的写法（Vue3 还兼容选项式写法，但不推荐继续使用）

示例

组合式：

<script setup>
const props = defineProps(['foo'])

console.log(props.foo)
</script>

选项式：

export default {
  props: ['foo'],
  setup(props) {
    // setup() 接收 props 作为第一个参数
    console.log(props.foo)
  }
}