@bagrovykt

Каков правильный импорт функций и объектов во vuejs для использования в шаблоне?

//fx.js
export function some(value) {
  return value++
}

// somecomponent.vue
<template>
  {{ some(1) }}
</template>
<script>
import { some } from "fx.js"
</script>


Добрый день, никак не могу понять в чем дело. Импортирую функцию из внешнего js, объявляю его в компоненте, обращаюсь в шаблоне => получаю ошибку несуществующей функции. То же самое через computed-свойство работает, но какой же тогда смысл "выносных" функций. Или для использовании в шаблоне нужно импортировать функции как-то иначе? Есть ощущение, что функция импортируется позже, чем рендерится шаблон, если это действительно так, то как же это обойти?

P.S. import * as ... тоже испробовано
  • Вопрос задан
  • 63 просмотра
Решения вопроса 1
victormayorov
@victormayorov
Frontend разработчик
<script setup>
import { some } from "fx.js"
return { some }
</script>

или
<script>
import { some } from "fx.js"
export default {
  methods: {
    some,
  }
}
</script>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы