Overkill

Что это значит?

Слишком навороченная штука. Я тут подумал и решил, что проще будет, если сам накорябаю, мне ж для экпериментов

Хм. Как можно отловить событие закрытия вкладки/браузера/выключение компа.

О чем вы говорите?

Хм. Как можно отловить событие закрытия вкладки/браузера/выключение компа.

https://developer.mozilla.org/en-US/docs/Web/API/Window.onbeforeunload

Или window.onunload

Выключение компа ты не отловишь браузером

А в нашем Вью? destroyed на главном компоненте?

А в нашем Вью? destroyed на главном компоненте?

Я это в created делал

Напишите​ плз код как в компоненте vue прописать правильно трансишн на pug

transition

Добрый день. Подскажите пожалуйста, кто сталкивался со следующей ошибкой в ие11?

Кто нибудь может помочь в решении проблемы?

transition

А полностью?

Я написал свой компонент но паг не компилит трансишн

А полностью?

такая запись будет работать, вот вам пример с более подробной transition(name='name' mode='in-out')

такая запись будет работать, вот вам пример с более подробной transition(name='name' mode='in-out')

Так и писал только без mode

Разве не нужно ставить запятые в паге между атрибутами?

Спасибо за список. Я как бы и так смотрел на всё это: Vuetify, Quazar, Material UI и т.д. Большинство из них это материал дизайн. Хотелось бы без него, более миинималистическое. Пусть даже не популярное. Но если нету, то ладно. А вторую часть вопроса, к сожалению, проигнорили, в частонсти по поводу впечатлений. Может что-то проще кастомизировать или такого нету? Интересует опыт работы с этими штуками а не просто перечень из awesome list

Спасибо за список. Я как бы и так смотрел на всё это: Vuetify, Quazar, Material UI и т.д. Большинство из них это материал дизайн. Хотелось бы без него, более миинималистическое. Пусть даже не популярное. Но если нету, то ладно. А вторую часть вопроса, к сожалению, проигнорили, в частонсти по поводу впечатлений. Может что-то проще кастомизировать или такого нету? Интересует опыт работы с этими штуками а не просто перечень из awesome list

Бутстрап? Еще ant попробуй это китайский material ui

Разве не нужно ставить запятые в паге между атрибутами?

смотря, какая версия. раньше их можно было не ставить никогда, сейчас он ругается, если их нет после vue-директив, при условии, что они написаны в несколько строк

короче, можешь просто всегда их ставить и не делать голову, да

Приветствую! Есть картинка <img :src="someImage"> в которой я меняю пути по клику, Не подскажете как анимировать появление картинки?

transition(appear) для анимации первичного рендеринга

спасибо! попробую

transition(appear) для анимации первичного рендеринга

А mode?

Тоже смотрел, спасибо. Больше всего хотел уйти от уже привычных материалов и бутстрапа, но при этом иметь приличный набор компонентов. Но, видимо, это ещё рано для сообщества

Бутстрап? Еще ant попробуй это китайский material ui

Тоже смотрел, спасибо. Больше всего хотел уйти от уже привычных материалов и бутстрапа, но при этом иметь приличный набор компонентов. Но, видимо, это ещё рано для сообщества

Таких фреймворков много, поищи в нете список, может найдешь, что ищешь

Спасибо за список. Я как бы и так смотрел на всё это: Vuetify, Quazar, Material UI и т.д. Большинство из них это материал дизайн. Хотелось бы без него, более миинималистическое. Пусть даже не популярное. Но если нету, то ладно. А вторую часть вопроса, к сожалению, проигнорили, в частонсти по поводу впечатлений. Может что-то проще кастомизировать или такого нету? Интересует опыт работы с этими штуками а не просто перечень из awesome list

element-ui нормально кастомизируется

не идеально, но жить можно

people, online music player с простым API - какой посоветуете? хочу сделать простенькое vue-app, используя API этого плейера пробовал с Soundcloud подружиться, но там какой-то бред - нужно подать заявку и ждать месяц на одобрение использования API этого плейра, насколько я понял ))

А mode?

а что mode ?)

transition(appear) для анимации первичного рендеринга

увы, не помогло. но все равно спасибо

такая запись будет работать, вот вам пример с более подробной transition(name='name' mode='in-out')

Mode

увы, не помогло. но все равно спасибо

В стилях еще нужно прописать как анимация должна воспроизводится

к тому же, мне ведь не обязательно при первичном рендере что то делать, мне важно именно в момент переключения, чтобы это не резко происходило, а с эффектом(галерею делаю)

В стилях еще нужно прописать как анимация должна воспроизводится

знаю, делал

к тому же, мне ведь не обязательно при первичном рендере что то делать, мне важно именно в момент переключения, чтобы это не резко происходило, а с эффектом(галерею делаю)

@click на кнопке переключает show = !show А на блок с анимацией v-show или v-if

@c01nd01r подскажешь по моему вопросу?

@click на кнопке переключает show = !show А на блок с анимацией v-show или v-if

попробую, спасибо

попробую, спасибо

А show это boolean

@c01nd01r подскажешь по моему вопросу?

по какому?

people, online music player с простым API - какой посоветуете? хочу сделать простенькое vue-app, используя API этого плейера пробовал с Soundcloud подружиться, но там какой-то бред - нужно подать заявку и ждать месяц на одобрение использования API этого плейра, насколько я понял ))

people, online music player с простым API - какой посоветуете? хочу сделать простенькое vue-app, используя API этого плейера пробовал с Soundcloud подружиться, но там какой-то бред - нужно подать заявку и ждать месяц на одобрение использования API этого плейра, насколько я понял ))

не знаю, не было опыта использования плееров.

ок - тогда еще два вопроса. первый - портфолио с использованием Vue.js - какое оно должно быть?

Не знаю, какое придумаешь?

CRUD application должно быть?

Кому должно то?)

не кому - а куда )))

А show это boolean

разобрался по своему)) вообщем что-бы работал transition надо делать не так <img :src="url" mode="in-out"> а вот так <img :src="url" :key="url" mode="in-out"> то есть key добавить. может кому пригодится

разобрался по своему)) вообщем что-бы работал transition надо делать не так <img :src="url" mode="in-out"> а вот так <img :src="url" :key="url" mode="in-out"> то есть key добавить. может кому пригодится

:key - указание приоритета при анимации. какой элемент должен анимироваться в первую очередь

да,

Зачем перед src и key : ставить?

Зачем перед src и key : ставить?

потому что это значение меняется от какого либо действия. например, от кнопки вперед или назад

Но если это переменная то ведь должно быть так src=variable key=index

Или переменные в {} скобках

гм, нет

эти значения байндятся так сказать из data

: сокращение от v-bind

ERROR: S client not available

и когда я меняю эти данные, они обновляются и в разметке

доки в помощь вообщем)

документацию не читай, комменты пиши

документацию не читай, комменты пиши

))

при работе с ссылочными типами, где лучше всего клонировать их, прямо в мутации перед присвоением стейту или же в компонентах?

а чо нельзя '<div>Пользовательский компонент!</div>' разделять переносом строки, нужно конкатенировать ?

В жс везде так

вот засада

Прям засада

Прям засада

есть решение ?

Я может не так понял, вы имеете ввиду темплейт компонента?

Я может не так понял, вы имеете ввиду темплейт компонента?

да

он самый

Можно переносить если в '

а чо нельзя '<div>Пользовательский компонент!</div>' разделять переносом строки, нужно конкатенировать ?

Нужно ``

кто на кофе пишет, что за ошибка Cannot set property 'render' of undefined

Объект, которому ты пытаешься поставить или вызвать render не задан. Это и без кофе

при работе с ссылочными типами, где лучше всего клонировать их, прямо в мутации перед присвоением стейту или же в компонентах?

ничего не понял

Ошибка сюда ссылается?

на ваниле работает а на кофе, пишет ошибку на normalizeComponent

ну так в нем и ошибка

ничего не понял

в сторе массив или объект. компонент его изменяет, вызывает мутацию и в самой мутации я делаю deepclone перед присвоением

полезно доки читать, оказывается "\" вместо + для конкатенации

что-то я туплю, вытаюсь вызвать конструктор в mounted хуке, получаю Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_4__static_typed_min_js___default.a.new is not a function

при этом вставляю содержимое mounted просто в консоль - отрабатывает

Это typescript?

неа