vue3中的setup语法糖

使用 setup 有几件事必须做：默认导出配置选项，setup函数声明，返回模板需要数据与函数。

<script>
export default {
  setup() {
    const fn = () => console.log('hi')
    return { fn }
  }
}
</script>

setup语法糖可以帮我们简化过程

使用setup语法糖

<script setup>
  const fn = () => console.log('hi')
</script>

注意：setup语法糖默认封闭自己的数据，后续有取值要求时，可以使用暴露语句突破封闭。