Nuxt3中的composables目录

官方示例：可复用组合逻辑目录(Composables directory ) | Nuxt3中文文档由Nuxt3对赌学习群产出的中文文档http://57code.gitee.io/nuxt3-docs-zh/directory-structure/composables.html#%E5%91%BD%E5%90%8D%E5%AF%BC%E5%87%BA 

在composables目录下创建的组合逻辑文件将会被系统自动识别导入到应用程序，以供全局使用。

 

pages/index.ts: 

<template>
  <div>
    {{ test_sayHello }}
  </div>
</template>

<script lang="ts" setup>
const test_sayHello = sayHello();
</script>

 composables/test.ts:

export const sayHello = () => "hello 大家好";

composables下如果有嵌套目录，则需要在嵌套目录下放置index.ts，再在里面export相应对象