Michael
чтобы внутри вызов метода не дёргать?
Nikolay
ноу
Nikita
nope nope nope
Dmitry
так, а я это меняю внутри мутации
Dmitry
state
Michael
внутри должен быть набор элементов из 3 разных div-ок. А насколько я понимаю у компонента должен быть общий корень
Nikolay
ну оберни ты это в div
Michael
не могу их все объединить в один div, потому что существующая страница не моя и какая-то хитрая вёрстка с flex-ми рушится
Michael
в любом случае спасибо! Как будет больше времени перепишу под компоненты это дело и разберусь со своей хитрой вёрсткой!
Nikolay
короче сам себя в рамки загнал
Michael
да проект просто изначально писался на другой штуке, которая умеет в компоненты без одного общего родителя
Michael
а теперь часть проекта я пытаюсь переписать на vue, чтобы повысить перфоманс
Завтра
Rafael 🌵
я половину накидал, лежит в черновике
Завтра
я потом накидаю
Tim
Всем привет! Ребят вопрос. можно как то стопарнуть загрузку приложения до моего события? У меня тут загрузка всех данных с сервака которые запускаю в main.js не успевает до открытия страницы.
Nikita
если используется vue-router, то через beforeEach
Tim
пасибо
Anonymous
можно попробовать в экземпляр Vue в хук beforeCreate засунуть промис с загрузкой
Nikita
хуки в вуе это просто эвенты, и они не позволят приостановить "работу"
Rafael 🌵
Хуки это не ивенты
Rafael 🌵
Это просто очередь функций, исполнение которых ты не можешь контролировать
Rafael 🌵
Т.е типо функцию запустил, запускаешь следующую
Nikita
почему не эвенты, по сути же как event'ы, ты подписываешь функцию на хук и функция будет всегда срабатывать на этот хук
Nikita
хотя через эвенты можно управлять чем-то, а через хуки нельзя, лан, может и не эвенты
Rafael 🌵
Нет, это совсем не ивенты
Anonymous
Anonymous
Исходник
Anonymous
К вашему спору "ивент или нет"
Rafael 🌵
Исходник
А теперь заметь, что ему пофиг, синхронные или не синхронные хуки
Rafael 🌵
Все в одной очереди запускает
Nikita
и?
Nikita
а эвенты что разве не так работают?
Nikita
запускают эвент, а что с ним делать будет уже похер, но все будет выполняться в порядке очереди регистрации
Rafael 🌵
У ивентов нет очереди
Rafael 🌵
Запустил - выполнилось
Nikita
чего? А эвент луп
Rafael 🌵
Ивенты в основном потоке js же исполняются
Rafael 🌵
Но надо будет в исходниках vue почекать, может там промисация идет
Nikita
за какую-ту хрень спорим, честно слово
Nikita
если hook это event hook
Wingman
Народ, привет
Подскажите пожалуйста нубу с тупой проблемой:
Вот гружу я при старте App.vue, в нём темплейт с дизайном, навигацией;
В нём есть <router-view>, в который будет прилетать контент при нажатии на ссылке.
А как бы при старте приложения / при загрузке App.vue в этот router-view заставить подгрузиться некий компонент? Если просто туда поместить контент - он не виден
Wingman
Пардон, вопрос отпал :)
Wingman
или не отпал (
Sergey
там в самом роутере должно быть описано, где какой компонент должен сработать.
const router = new VueRouter({ routes: [] })
Где-то в этом месте, если вопрос об этом
Wingman
да не
Anonymous
К примеру так. И импортировать в экземпляр Вью
Wingman
в том-то и дело, что на '/' грузится app.js, а уже в него надо, если урл == '/', грузить, например, дашборд
Wingman
Wingman
по загрузке html-а грузится App, а т.к. урл == "/', грузится дашборд
Airat
ребят, вопрос религиозный, я из компонента отправляю в парент ID, и нужно поменять статус заказа. вопрос: лучше через фронт разрулить, или на апи сходить, и апдейтнуть?
Airat
Ivan Li
Привет всем! Подскажите, как из компонента отследить изменение массива в vuex store?
Nikita
watch
Ivan Li
Airat
watch
Это же Бад практис?
Nikita
с чего бы?
Nikita
когда watch успел стать бэд практикс
Airat
Тут все говорили лучше копьютед
Nikita
не злоупотребляй им
Airat
Nikita
я подозреваю, что челу нужно на изменения массива делать какие-то сторонии движения, вызывать какие-то левые функции, тогда лучше использовать watch, а если ему надо просто этот массив постоянно преобразовывать, то лучше computed
Ivan Li
Nikita
через mapGetters ты получаешь геттер на твой массив, а потом в watch: { myGetter() { // magic } }
Airat
Ivan Li
'this.$store.state.Cash.cashFiltersData': function () {
console.log('edit filter');
}
так не работает
Airat
:) или не в этом проблема
Ivan Li
я знаю как ватч работает, интересует как написать обращение к переменной стра
Ivan Li
стора*
Nikita
вам че влом использовать mapGetters?
Nikita
че вы говоридите херь какую-ту адцкую
Anonymous
cashFiltersData Это функция?
Nikolay
спокойствие, только спокойствие
Anonymous
В стейт хранишь данные, в геттере фильтруешь, затем в компьютед вызываешь this.$store.getters.${nameOfGetter}
Anonymous
computed: {
foo() {
return this.$store.getters.bar
}
}
Anonymous
примерно расписал