Vue3. Как экспортировать функцию из компонента?

В Vue.js 3 можно экспортировать функцию из компонента, чтобы она была доступна для использования в других фрагментах кода. Для этого можно воспользоваться ключевым словом export.

Предположим, у нас есть компонент с именем MyComponent.vue, и внутри этого компонента есть функция с именем myFunction, которую мы хотим экспортировать.

<template>
  <div>
    <!-- Ваш код шаблона компонента -->
  </div>
</template>

<script>
export function myFunction() {
  // Ваш код функции
}

export default {
  // Остальной код компонента
}
</script>

Здесь мы использовали ключевое слово export перед функцией myFunction, чтобы объявить ее как экспортируемую функцию.

Затем мы также использовали ключевое слово export default, чтобы экспортировать компонент по умолчанию, как обычно делается в Vue.js.

Теперь, если мы импортируем компонент MyComponent.vue в другом месте нашего проекта, мы сможем импортировать и использовать экспортированную функцию myFunction следующим образом:

import MyComponent, { myFunction } from './MyComponent.vue'

// Теперь мы можем использовать экспортированную функцию
myFunction()

Обратите внимание, что в данном случае мы использовали фигурные скобки для импорта функции myFunction, потому что она экспортирована не по умолчанию. Если бы мы экспортировали функцию по умолчанию, мы могли бы просто импортировать компонент MyComponent.vue без фигурных скобок.