Nikita
Должно
Anonymous
Ничего сверхъестественного не юзаю, vue-cli webpack
Nikita
Ты не понимаешь разницу между переходом по адресной строке и переход через хистори апи
Anonymous
Да.
Я совсем недавно изучаю Vue.
Nikita
Браузер не знает, что его ожидает когда ты делаешь переход по адресной строке, и делает запрос с нуля, с нуля получает новый документ и с нуля рендерится приложение.
Anonymous
Но странно, что в документации нету никаких предостережений на этот счёт.
Anonymous
Nikita
Это же здравый смысл...
Anonymous
Вью тут не причем, так работает любое спа приложение.
Я до этого только строил API и рендерил страницы целиком :(
Nikita
Я не помню точно, но если ты хочешь такое поведение, переключишь на hash навигацию.
Nikita
При hash навигации страница не будет перезагружаться
ℝei
Nikita
В доке по роутеру есть норм пример как это сделать зачем такие сложности)
По-моему он не с тем боролся все это время.
Anonymous
Ребят, что за фигня, писал на вьютифай приложение, все отображалось отлично, с недавних пор появился косяк, в странице появилась большая пустая область, как с ней бороться не понимаю, грешил на свои косяки, попробовал в гите попрыгать по старым коммитам, ничего не помогает, грешил на CDN, вроде бы замена версии vuetify тоже не спасает
Anonymous
Не могу понять, что за хрень
Nikita
Не могу понять, что за хрень
мне кажется, мы так тож не поймем. по крайней мере, вероятность крайне мала)
Vladimir
Ребят, что за фигня, писал на вьютифай приложение, все отображалось отлично, с недавних пор появился косяк, в странице появилась большая пустая область, как с ней бороться не понимаю, грешил на свои косяки, попробовал в гите попрыгать по старым коммитам, ничего не помогает, грешил на CDN, вроде бы замена версии vuetify тоже не спасает
Ну так, если в небо ткунть, то просто где-то не там закрыл что-то, либо проблемы с флоутами ..
ℝei
Помоему уже стоит писать правила для тех, кто хочет получить помощь. т.к. ванга рип а новые экстрасенсы не обнаружены
Farid
Почему анимация есть только в конце?
<transition
name="slide-fade"
@after-leave="afterLeave"
>
<div :class="['notification', 'animated', type ? `is-${type}` : '']" v-if="show">
<button class="delete touchable" @click="closedByUser()"></button>
<div class="title is-5" v-if="title">{{ title }}</div>
<div v-if="message">{{ message }}</div>
</div>
</transition>
.slide-fade-enter-active {
transition: all .5s ease;
}
.slide-fade-leave-active {
transition: all .5s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to {
transform: translateX(20px);
opacity: 0.5;
}
Anonymous
Нету key?
Anonymous
Попробуй поставить атрибут key с любым названием к тем элементам, что хочешь анимировать
Igor
Доброго времени суток. Такой вопрос: есть компонент https://pastebin.com/qTqhjvKp
Работает как задумано, но vue ругается на меня за то что я изменяю prop напрямую. Как тогда правильнее сделать?
Igor
Я пробовал в data создать internalValue и в created() ему присвоить значение this.value, но в родителе value еще пустое в этот момент.
Sergey
есть 4 компонента <note><list></note><note><list><note> стоит функция на хуке mounted в this компонента fetch список, таким образом все падает во второй <list> почему?((( если не пользоваться mounted, а скажем кнопочку поставить, то всё отрабатывает правильно
Igor
Я пробовал в data создать internalValue и в created() ему присвоить значение this.value, но в родителе value еще пустое в этот момент.
проблему решил.
добавил computed метод с геттером на value и сеттером на internalValue.
ᛇᛏᛟᚱᛁᛕ
Сделал вот такойе для того чтобы следить за мутациями в вуэксовых модулях. Может я велосипедствую зазря и есть готовое поддерживаемое решение?
ᛇᛏᛟᚱᛁᛕ
ᛇᛏᛟᚱᛁᛕ
Rafael 🌵
Rafael 🌵
это из vue-charts (google-charts)
Rafael 🌵
Rafael 🌵
из-за него
Zaur
У меня нет опыта в Vue, так же как и в html и css, но есть большой опыт в других языках. Прошу прощения за глупый вопрос, если он таким окажется:
Год назад я экспериментировал с ReactJS, и даже написал игрушку. В процессе попадались статьи где писали что React, за счет своего вирутального Dom, сильно минимизирует необходимость обращаться напрямую к браузерному Dom, т.к. это занижает производительность: повторно использует какие то элементы; если ничего в данных не поменялось - не трогает dom элемент; и всё такое...
Хотел спросить, делает ли Vue что то подобное? А еще точнее вопрос выглядит так: можно ли Vue использовать для одностраничного приложения, игры с большим количеством UI элементов, которые часто придется обновлять. В основная целевая аудитория - это мобилки. Откровенно древние девайсы сразу отпадают, потому что помимо интерфейсов будет еще игровая часть написанная на webgl.
Если будет пример сложного анимированного интерфейса для мобилок - вообще супер. Спасибо.
Olexandr
Есть ли виртуальный DOM ? - есть
dmi
dmi
у меня он пихает стор в лс
ᛇᛏᛟᚱᛁᛕ
плагин который следит за мутациями
const localStoragePlugin = store => {
store.subscribe((mutation, { cart }) => {
localStorage.setItem(STORAGE_KEY, JSON.stringify(cart.added))
})
};
export default [localStoragePlugin];
Мне хочется так чтобы хуки модуля красивенько лежали в файле модуля. А не кучей в сторе. И чтобы из этого хука после мутации можно было сделать например еще мутацию. Ну да в целом все работает вроде как хотел.
Farid
Подскажите каким будет порядок загрузки стилей во Vue приложении?
Rafael 🌵
Как это фиксить?
Nikita
ну либо прокинуть в конфиг вебпака, чтоб он обрабатывал через бабель файл или же попробуй импортировать напрямую
vue-chartjs/dist/cheta-tam.esm.js
Rafael 🌵
ну либо прокинуть в конфиг вебпака, чтоб он обрабатывал через бабель файл или же попробуй импортировать напрямую
vue-chartjs/dist/cheta-tam.esm.js
второй вариаент на про запас оставлю
Igor
Всем добра! Счестливой пятницы и здоровья! Подскажите как в VSCode выделить переменную и переименовать во всем файле ее ?
Nikita
для начала
Nikita
https://t.me/vs_code
Nikita
во вторых f2
Nikita
но рефакторинг не работает в vue файлах
Igor
@eddimensi Thx 🙂
Nikita
Подскажите каким будет порядок загрузки стилей во Vue приложении?
Смотря как организованы компоненты
Rafael 🌵
babel-preset-env vs uglify
Rafael 🌵
Rafael 🌵
Anonymous
ребят, делал кто голосовалки, чтобы с одного айпи один раз могли ток голосовать?
Michael
пять тыщ чел с одним айпи под NAT
Michael
а их голос как у одного
Michael
они не люди что ли(
Michael
куча вариантов опознавать юзера. самый крутой -- через соцсеть.
Michael
ещё круче -- по номеру мобаса
Alex
только трудно найти чудика чтоб он на левом сайте номер светил, да еще и коды подтверждения вбивал
Alex
можно еще по переводу 0.001ETH :)
Anonymous
> Индийский невропатолог создал приложение, которое включает речи Нельсона Манделы, Махатмы Ганди и религиозные песнопения, когда пользователь начинает смотреть порноролик.
и в 21 веке есть гении
Michael
а в чём прикол?
Michael
только трудно найти чудика чтоб он на левом сайте номер светил, да еще и коды подтверждения вбивал
держу пари, на порнхабе юзеров не сильно поубавилось после авторизации через вк.
Alex
авторизация по соцсети не проблема, телефон мало кто даст
Alex
к тому же порнхаб против сайта "ясделал.ру" все таки более авторитетен
Michael
😊
Anonymous
Всем доброго времени суток, в общем делаю проект на vue.js и у меня стоит такая задача: мне нужно сравнить несколько автошкол нашего города, то есть на странице моего приложения будет находится, например таблица и в нее с сайтов самих этих автошкол должны засылаться данные об инструкторах, оплате и т.д. Один добрый человек мне посоветовал использовать axios для этого дела, может кто-нибудь что-нибудь подсказать? с vue и вообще с js я еще совсем зеленый, но я быстро учусь. Заранее благодарю
Anonymous
ссылкам на какую-нибудь литературу этого направления тоже был бы рад
Nikita
ссылкам на какую-нибудь литературу этого направления тоже был бы рад
оф документация, ссылку кидать не буду. очень добротная, есть на нашем языке.
так же, есть примеры на гитхабе, джсфиддл.
но я бы посоветовал, для начала, подтянуть джс.
Victor
> с сайтов самих этих автошкол должны засылаться данные об инструкторах, оплате и т.д.
Вот тут я что-то сильно сомневаюсь, что ты сможешь сделать это на клиенте.
Серверная часть у проекта есть?
Anonymous
Victor
тогда начинать нужно с этого
Nikita
> axios для этого дела
axios – это удобная обертка для xhr. для него, конечно, нужно написать (rest) API на сервере, а клиентом (axios) забирать их, разбирать и применять (vue)
Victor
Чтобы собрать всю информацию в БД на сервере и сделать API, к которому можно будет обращаться с клиента