Size: a a a

Клуб Vue.js-разработчиков

2021 June 29

А

Алексей in Клуб Vue.js-разработчиков
Ну да тут последняя строчка уже инициализирует экземпляр, а потом вы из этого экземпляра делаете второй экземпляр и получаете ошибку.
источник

A

Ali in Клуб Vue.js-разработчиков
Есть минутку глупых вопросов, которые мало кто задает :D

А vue файл, в теге <script> Все что внутри, будет связано лишь с этим файлом ?

К примеру (а то вдруг опять как v-bootstrap пишу тут) ;D

<script>
export default {
...
  methods: {
    bar() {
      foo()
    }
...
}
function foo () {}
</script>

Вот эта функция foo не улетит куда то в глобальный скоуп ? Или под капотом vue все это закроет внутри лексического контекства для файла где написан этот скрипт ?
источник

K

Krike in Клуб Vue.js-разработчиков
спасибо, убралось
источник

К

Кай in Клуб Vue.js-разработчиков
Она никуда не экспортится.
источник

A

Ali in Клуб Vue.js-разработчиков
Да, это понятно, но как vue все это собирается, если два соседних компонента будет, не будет ли они видит эту функцию при build и т.п.?
источник

A

Ali in Клуб Vue.js-разработчиков
куда она попадает ?
источник

К

Кай in Клуб Vue.js-разработчиков
Вы экспортируете только 1 default.
источник

К

Кай in Клуб Vue.js-разработчиков
В ад никуда.
источник

A

Ali in Клуб Vue.js-разработчиков
Очистится ли при destroy компонента ?
источник

A

Ali in Клуб Vue.js-разработчиков
а если нет, то где она будет висеть ?
источник

К

Кай in Клуб Vue.js-разработчиков
Она даже не в компоненте будет. Разве что где-то замыкание с ней делается.
источник

A

Ali in Клуб Vue.js-разработчиков
🤔 Тогда выходит нечего "страшного" нет, если  так будет объявлять функции в компоненте? (когда нет возможности достучаться до methods)
источник

К

Кай in Клуб Vue.js-разработчиков
Это страшно.
источник

A

Ali in Клуб Vue.js-разработчиков
Аргументы?
источник

А

Алексей in Клуб Vue.js-разработчиков
Читал про quokka js там как раз нет поддержки vue из за этих тэгов script , надо возится с бабелем но политика не позволяет по этому только wallaby.
источник

A

Ali in Клуб Vue.js-разработчиков
Судя по вашим словам, все прекрасно )
источник

К

Кай in Клуб Vue.js-разработчиков
Что значит "нет возможности достучатся до methods".
источник

A

Ali in Клуб Vue.js-разработчиков
к примеру используете nuxt, в нем есть asyncData
источник

К

Кай in Клуб Vue.js-разработчиков
А создать отдельный файл с такими функциями и не "мусорить в компонент"?
источник

A

Ali in Клуб Vue.js-разработчиков
и хотите в asyncData при помощи apollo вызвать query, но там жирный , большой кусок кода, поэтому выносите вот так
источник