setup语法糖中导出

需求背景

有些时候我们在使用 setup script语法糖的时候,我们需要导出一些变量或者方法给其他组件使用,那么我们如何导出呢?

解决方案

新增一个 script标签,然后在 script标签中导出我们需要导出的变量或者方法即可。

vue
<script lang="ts">
// import statement
export const name = ref('***')
</script>

<script setup lang="ts">
// other code
</script>

<template>
  <div>{{ name }}</div>
</template>