http://rsdn.org/forum/dynamic/6981789.1
в браузере синхронные запросы можно сделать только через new XMLHttpRequest к беку и я не уверен, что современные браузеры до сих пор это разрешают делать
Если в node, то через fs.readFileSync()
Nikita
Nikita
http://rsdn.org/forum/dynamic/6981789.1
и любая функция ассихнронная функция, никогда не станет синхронной.
Ты должен data куда-то записывать в заранее созданую переменную, чтоб в будущем использовать.
Nikita
просто исходя из примера в доке пока не вижу дерева родитель-потомок или родителем выступает new Vue а каждый компонент по умолчанию потомок?
Vue.component('button-counter', {
template: '<button v-on:click="incrementCounter">{{ counter }}</button>',
data: function () {
return {
counter: 0
}
},
methods: {
incrementCounter: function () {
this.counter += 1
this.$emit('increment')
}
},
})
new Vue({
el: '#counter-event-example',
data: {
total: 0
},
methods: {
incrementTotal: function () {
this.total += 1
}
}
})
в данной ситуации new Vue() это родитель, а Vue.component() глобально определеяет компонент
Sheridan
с этим я уже разобрался через вызов коллбека при успешной загрузке ссылки
Edward
кто же тогда потомок?)
Nikita
button-counter
Edward
кажется понял, спасибо)
Nikita
там как бы выше есть код с html
Nikita
и там видно структуру html
Edward
а, все, протестил
Edward
если не указать native, то оно методы родителя не видит
Sheridan
оно будет работать так: imageUrl получил значение — элемент появился с срц равным imageUrl, браузер начинает загружать картинку по срц в этот момент.
Спасибо! Разобрался. Сделал свой объект реактивным и м v-if все заработало )
Oleksandr
шо там делать
Oleksandr
Anonymous
господи
Anonymous
помилуй
Oleksandr
в реакте б за такие вопросы кикнули))
Edward
:D
Anonymous
брат, зачем там таймаут?
Oleksandr
ну к примеру
Oleksandr
представь что там апи кол
Anonymous
а почему в created?
Edward
чего
я не могу обратиться к методам родителя по клику в компоненте, не указав .native, я такой вывод сделал
Anonymous
mounted
Oleksandr
но даже я понимаю, что это вопрос
Oleksandr
на уровне доки
Nikita
я не могу обратиться к методам родителя по клику в компоненте, не указав .native, я такой вывод сделал
нет, компонент просто не вызывает никаких эвентов и поэтому функции не отрабатывает.
Nikita
вообще делать все запросы при создании компонента вполне себе нормально, нам же не нужен доступ к DOM
Edward
все, понял
Oleksandr
In the created hook, you will be able to access reactive data and events are active
Anonymous
не обязательно, но если ты пихнешь запросы в моунтед, то будешь на 100% уверен что при любой отрисовке компонента он будет подтягивать обновленные данные.
Nikita
все, понял
ребенок никогда не знает методов родитей, ребенок просто говорит, что он что-то сделал, а родителей на это уже реагирует.
Anonymous
Nikita
не обязательно, но если ты пихнешь запросы в моунтед, то будешь на 100% уверен что при любой отрисовке компонента он будет подтягивать обновленные данные.
что? а что может случиться во время created?
Oleksandr
в доке написано, что я имею доступ к реактивной дате
Nikita
не обязательно, но если ты пихнешь запросы в моунтед, то будешь на 100% уверен что при любой отрисовке компонента он будет подтягивать обновленные данные.
вообще такое ощущение, что у тебя все программирование основано на этой вероятности и танцев с бубном
Anonymous
Nikita
посмотри пример хакер ньюса, Эванс, делает запросы в created, а не в mounted.
Так же, если использовать ssr, то там тебе обязательно придеться все запросы делать в created
Nikita
откуда ощущение? с:
ну потому, что ты скинул табличку жизненного цикла и привел какой-то непонятный аргумент.
Anonymous
В случае если компонен был создан один раз, и может быть изъят из ДОМ и добавлен позже - данные будут получены только при создании компонента, то есть при последующих отрисовках компонента в ДОМ - он будет со старыми данными, вместо того, чтобы получить от АПИ новые. Или я неверно понимаю жизненный цикл компонента?
Nikita
цикл created всегда будет вызываться
Nikita
уже поднимался как-то этот вопрос и created и mounted всегда вызываются при ставке и вырезки компонента из дома
Nikita
https://codesandbox.io/s/6l29njl3k
Nikita
смотри в консоль
Anonymous
да, ты прав
Nikita
а кому еще брать роль доказывателя в этих ваших интернетах
qluqua
Подскажите, а есть ли способ обратиться к компоненту Vue по имени? Существует ли какая-нибудь форма записи а-ля this.$root.getComponent('Nav)? В некоторых случаях мне нужно обратиться к соседнему компоненту, что бы посчитать высоту его блока или метод выполнить и иногда приходится писать аж вот такую цепочку: this.$parent.$parent.$parent.$refs.nav что-бы добраться до компонента навигации. Это очень ненадёжный код, стоит мне чуть изменить структуру компонентов или добавить ещё один уровень вложенности и прийдется всё переписывать
qluqua
Nikita
Подскажите, а есть ли способ обратиться к компоненту Vue по имени? Существует ли какая-нибудь форма записи а-ля this.$root.getComponent('Nav)? В некоторых случаях мне нужно обратиться к соседнему компоненту, что бы посчитать высоту его блока или метод выполнить и иногда приходится писать аж вот такую цепочку: this.$parent.$parent.$parent.$refs.nav что-бы добраться до компонента навигации. Это очень ненадёжный код, стоит мне чуть изменить структуру компонентов или добавить ещё один уровень вложенности и прийдется всё переписывать
ну обычно люди делают расчет в родители и отправляют по детям
Vladislav
Nikita
но у тебя сильная вложенность, тебе надо сделать либо шину, либо какой-то стейт и через стейт узнать рзамеры
Nikita
Vladislav
Шину плохим паттерном считают, но думаю один раз не говнокодер
ну либо шину в глаз, либо вьюикс раз
qluqua
Спасибо. Шину не хочу, Vuex есть, но засорять его кучей мелких событий не имеющих никакого отношения к логике приложения совсем неправильно. Поэтому ищу альтернативный способ.
qluqua
Почитаю про $emit может событиями получится сделать
Nikita
Почитаю про $emit может событиями получится сделать
если верить указаной вложенности, то тебе придеться передавать эвент через десяток родителей
Nikita
эвент только на 1 уровень поднимается
qluqua
В случаях с размерами мне нужно производить все вычисления прямо в родителе и отправлять детям конечные значения через пропсы, тут я понял, спасибо; а вот что делать когда надо вызвать метод компонента на другом конце света и без шины и Vuex пока загадка
Nikita
можешь воспользоваться на крайняк возможностями нативного js и в mounted эмитить на document свой кастомный эвент
Nikita
хотя на самом деле это та же шина, только сбоку)
qluqua
)))
Anton Saprykin
Боюсь представить, нахуй тебе нужно мерить другие компоненты
Anton Saprykin
Пусть главный компонент их мериет и управляет ими
qluqua
Боюсь представить, нахуй тебе нужно мерить другие компоненты
Куча анимации, много стейтов, динамический контент)
qluqua
Там дичь
Anton Saprykin
Нахуй они друг-друга будут дергать и друг о друге будут знать.
qluqua
Я не смогу тебе объяснить, друг) а показать nda не позволяет. Просто мне надо считать разные стили компонентов)
Anton Saprykin
Приведи пример вызова компонента на другом конце света.
qluqua
this.$parent.$parent.$parent.$refs.nav
Nikita
модалка?
Nikita
модалки могут быть на другом конце света же
Nikita
типо в корне проекта лежать, а вызывать их могут из жопы
qluqua
навбарчик