【Vue】メソッドや、関数だけ別コンポーネントに切り出して共通化して使用する

呼び出す方法

外部に切り出した関数を以下に定義

ExternalFunc.vue

<script>
  export function externalFunc() {
    return "お前なんかに折れるもんか…ドクロのマークは信念の象徴なんだぞォ";
  }
</script>

外部の関数を使用するコンポーネントが以下

CardForm.vue

<script setup lang="ts">
import { externalFunc } from "../components/ExternalFunc.vue"

function useFunc() {
  console.log(externalFunc()) // 外部の関数を呼び出し => お前なんかに折れるもんか…ドクロのマークは信念の象徴なんだぞォ
}
</script>