Igor
Вопрос по nuxt.js и вообще по трансишин. При добавляение анимации переходов, между переходом есть пауза. Я сейчас говорю о таком эффекте - https://re-invent.vc/ при нажатие на about
Igor
То есть сдвиг происходит слева направо, но переход получается не слитный, а с разрывом.
Alex
Как вы называете переменные в data и computed?
Просто понятно и очевидно о том что содержаться будет
Farid
Просто понятно и очевидно о том что содержаться будет
если они возвращают одну и ту же сущность
data() return {
names: {}
},
computed: {
names() {
return this.names
}
}
Alex
А в чем смысл такого вообще
Alex
computed не нужна
Farid
computed не нужна
а если есть элемент в шаблоне, который должен среагировать на изменение объекта names, здесь же нужен computed или я ошибаюсь?
Alex
Элемент в шаблоне среагирует и на изменение в data
Alex
Computed нужна когда что-то пересчитаться должно на основе данных. Например количество элементов с каким-то флагом из свойства data
Farid
спасибо
Alex
Пожалуйста) не игнорируйте документацию, она хорошая и многое объясняет
Rafael 🌵
Пожалуйста) не игнорируйте документацию, она хорошая и многое объясняет
Но все таки сорсы лучше ))
Alex
Да. Для новичков лучше не придумать — сорсы читать. Особенно у кого с англ не все прекрасно
Rafael 🌵
Я что-то хотел написать статью, а для этого ещё раз поковырял исходники
И понял что там и объяснять нечего 🤷♂
Alex
Я что-то хотел написать статью, а для этого ещё раз поковырял исходники
И понял что там и объяснять нечего 🤷♂
И ни нам не рассказал, ни статьи теперь не дождёшься
Rafael 🌵
Если коротко, то:
В большинстве из сценариев это тупо медленнее
Rafael 🌵
Пруф:
Допустим у компоненты мы хук created делаем асинхронным и внутри подтягиваем данные - тогда рендеринг детей мы тоже откладываем до срока, когда данные для текущей компоненты подгрузятся
Alex
И как итог тормозится инициализация компоненты потому что зависнет на хуке?
Rafael 🌵
А значит не вызовится рендер функция, а значит дочерние компоненты мы даже не начнём инициализировать
Denys
@Fl0pZz А где можно твои статьи посмотреть?)
Rafael 🌵
@pecheniai
Denys
Спс)
Rafael 🌵
Печеняй
дima
Печеняй и влавствуй
дima
Уу
Michael
Есть ли какие нибудь стабильные css фреймворки для vue, помимо bootstrap?
я bulma юзаю. норм!
Michael
и мобайл ферст на флксбоксах.
zinge 🐌
Чувствую себя со своим говнокодом как голый посреди улицы с маленькой писькой
Запихай все в метод, метод вызывай в любом месте. Не понимаю зачем тебе computed вызывать в методе
Anonymous
Запихай все в метод, метод вызывай в любом месте. Не понимаю зачем тебе computed вызывать в методе
Спасибо) Уже отказался от этой идеи))
zinge 🐌
Спасибо) Уже отказался от этой идеи))
Ну методы это общая копилка. А computed это этап формирования страницы. Нет?
Anonymous
Ну методы это общая копилка. А computed это этап формирования страницы. Нет?
Да, все верно, но иногда же из computed нужно что-то вызвать, что бы не дублировать код?
zinge 🐌
Да, все верно, но иногда же из computed нужно что-то вызвать, что бы не дублировать код?
Ну тык вызови метод и все. Ты с vuex данные инициализируешь?
Anonymous
Ну тык вызови метод и все. Ты с vuex данные инициализируешь?
тоесть, создать метод, потом вызывать его при competed?
Denys
Есть вопрос по добавлению компонента на страницу, компонент скрыт на страницу, по клику нужно добавлять к элементу родителя
можно его как-то добавить в конкретную ноду? По типу аппенд чайлд
zinge 🐌
Denys
v-if компоненту добавить может?
немного не то
у меня таблица большая статичная (без инпутов)
по клику добавляю инпут в ячейку, чтобы можно было изменить данные
инпут один на странице
zinge 🐌
немного не то
у меня таблица большая статичная (без инпутов)
по клику добавляю инпут в ячейку, чтобы можно было изменить данные
инпут один на странице
Раз есть onClick значит можно вызвать метод?
ℝei
Вообщем вот, но там, как оп мне, все плохо https://jsfiddle.net/a9zt50g1/
ты уже юзаешь лодаш, возьми cloneDeep вместо json.parse(json.stringify)
а вообще из этого примера нихера не ясно)
Anonymous
ты уже юзаешь лодаш, возьми cloneDeep вместо json.parse(json.stringify)
а вообще из этого примера нихера не ясно)
Да, я уже так и сделал, мне подсказали))
Yaroslav 🇺🇦
Firdavs
Aндрeй
параллакс можно прикрутить?
Ну если захотеть, почему бы и нет) принцип работы слайдера схож с со всеми популярными слайдерами, только этот на vue без jquery написан
Anatoly
Ребят, как правильно установить value для атрибута, которое необходимо вычислить?(т.е. нужен контекст)
Anatoly
Если сделать так, то checked input(:checked=''isChecked") будет постоянно вычисляться, а нужно вычислить 1 раз
Vadym
Можно ли найти работу front end зная из фреймворков только Vue, без react и angular?
🤔
Можно ли найти работу front end зная из фреймворков только Vue, без react и angular?
Тут был спор у меня с кем-то из местных - доказывал мне что vue более востребованный фреймворк чем реакт... ответ на твой вопрос - да, можно. Но если бы ты знал только реакт из тройки, то тебе было бы проще
Anonymous
ℝei
🤔
Michael
Michel
Напомните, пожалуйста, во вью же рендеринг синхронный? То есть если я меняю данные внутри компонента, могу ли я сразу забирать отрендеренный HTML? Есть тут просто извращенческая библиотека для графиков, которая позволяет задавать форматирование тултипов только в виде HTML в текстовом виде.
Rafael 🌵
Напомните, пожалуйста, во вью же рендеринг синхронный? То есть если я меняю данные внутри компонента, могу ли я сразу забирать отрендеренный HTML? Есть тут просто извращенческая библиотека для графиков, которая позволяет задавать форматирование тултипов только в виде HTML в текстовом виде.
если у тебя график сделан в виде нескольких компонент, то mounted + mextTick, если же в виде одной, то в просто в mounted твой html можно забирать
Nikita
если у тебя график сделан в виде нескольких компонент, то mounted + mextTick, если же в виде одной, то в просто в mounted твой html можно забирать
В смысле синхронный, в доке сказано, что асинхронный же
Rafael 🌵
В смысле синхронный, в доке сказано, что асинхронный же
Тогда я не понял, что он под этим имеет ввиду 🤔
Rafael 🌵
Впрочем, выпилил эту спорную часть
Rafael 🌵
Мне показалось, что он скорее про реактивное связывание данных и шаблона имел в виду
zinge 🐌
Напомните, пожалуйста, во вью же рендеринг синхронный? То есть если я меняю данные внутри компонента, могу ли я сразу забирать отрендеренный HTML? Есть тут просто извращенческая библиотека для графиков, которая позволяет задавать форматирование тултипов только в виде HTML в текстовом виде.
возможно имеет смысл накидать child компонентов с предопределенной разметкой и подключать нужные с передачей параметров, хотя всеравно немного непонятна суть вопроса в части функиционала сторонней библиотеки, в чем конкретно она ограничивает имею ввиду
Michel
Мне показалось, что он скорее про реактивное связывание данных и шаблона имел в виду
Да, я скорее всего про это.
Michel
Сейчас попробую накидать, заодно и проверим.
Alexey
Всем привет. Про хлебные крошки. Надо сделать так, чтобы при редактировании записи, хлебная крошка текущей страницы была не "Редактирование", а текущее название редактируемой записи (например, поле name редактируемой записи из БД).
А т.к. хлебные крошки собираются из массива путей $route.matched, то вопрос: как объекту $route менять meta на лету или, может быть, вообще другой подход есть? Я не нагуглил.
Mixam19
спросоня долго парсил, что есть хлебные крошки
Mixam19
в хелпер вынести эти самые хлебные крошки и брать поле name текущей записи что мешает?
Mixam19
а
Mixam19
стоп, сорян, я подумал, что я в рельс чате
Alexey
в хелпер вынести эти самые хлебные крошки и брать поле name текущей записи что мешает?
наверно понимание архитектуры мешает
Mixam19
говорю ж, спросоня ))
Alexander
Всем привет. У меня образовалась проблема с Vuex. У меня есть стейт userLogged который отвечает за то залогинен ли пользователь. Я хочу отслеживать этот параметр и переходить на страницу логина, если пользователь разлогинился. Пытался сделать через computed - не получилось, потому что он доступен только как this.$store.state.userLogged, а на такое computed не повесишь. Попробовал присвоить его какой-то переменной и вотчить ее. Может быть кто-то сталкивался с чем-то подобным, подскажите, будьте добры решение.
Alexey
Alexander
неправильно выразился, повесить то могу, но мне надо при определенных значениях этой переменной выполнять действия и насколько мне известно, через computed это сделать не получится
Alexey
computed: {
isLogged () {
return this.$store.state.userLogged
}
},
watch: {
isLogged () {
}
}
Alexander
благодарю, сейчас буду пробовать
Anonymous
благодарю, сейчас буду пробовать
и в роуте помечаю страницу с обязательной аутентификацией { path: '/profile', name: 'Profile', component: Profile, meta: {requiredAuth: true} }