Где лучше писать свои функции в Vue.js?

Question

[Jora00777]

Здравствуйте.

Приступил к изучению Vue.js и появился вопрос, где лучше писать свои функции, необходимые для работы приложения?

Живой пример:
Есть некая функция - foo, которая ищет в url значения get параметров, необходимо вызывать её при обновлении страницы.
Функция нужна в одном компоненте.

Так вот, где лучше всего разместить эту функцию?

Comments

[Evgeny Kulakov]

Чем не подходит methods{} внутри компонента?

[Jora00777]

Evgeny Kulakov: дело в том, что хочу узнать где правильнее это делать.

Можно в methods, можно просто написать ф-ию в компоненте...

[Evgeny Kulakov]

Jora00777:
Если функция часть компонента и только там используется, то в самом компоненте. Но опять-таки это зависит от того, что за функция и как вы хотите логически организовать ваш код.
Допустим это обращение к API сервера, если не рассматривать vuex, то вы можете разделить код так например:

1. Библиотека с api сервера (здесь ваша функция)
2. Ваш компонент - вызывает функцию api сервера

Т.е. функция может использоваться только в этом компоненте, но логически она принадлежит другой сущности.

Вообще есть еще фильтры, миксины, можно их также использовать в зависимости от задачи.

Answer 1

[RaulDuke]

Если функция используется единожды и является неотъемлемой частью компонента, то очевидно, что она должна быть методом компонента.

Если планируется использовать этот метод в других компонентах, то нужно смотреть на контекст, т.е. что это за функция и куда она подходит логически. Возможно стоит вынести в отдельный компонент, возможно в библиотеку хелперов, а может и в фильтры.