и при этом ему не понадобятся window и т.д. ?
https://gist.github.com/anonymous/e8ea8895c5af82f79ed58568389153c2
Alexey
Alexey
Понадобится, просто хука маунтед выполняется на клиенте
Sergey
благодарю
Alexey
Denis
Сори я вырубился вчера, причитаю ещё раз позже что ты написал, не все понял с первого раза, спасибо ))
Англ знаю
Интересует где можно почитать о правильной архитектуры АПИ в СПА и ПВА
Надо учиться правильно делать.
Маргинальненько, получилось.
Я начал приводить к божескому виду тут:
https://gitlab.com/snippets/1671581
MaybeLocal
Den Efremov:
+
И еще я бы добавил, что ненавижу терпил))
MaybeLocal
А про какой это курс и стрим он говорит?
Nikita
Oleksandr
подскажите, как правильно задать оператор 'or' здесь:
{{ day.place || '' }}
Denis
подскажите, как правильно задать оператор 'or' здесь:
{{ day.place || '' }}
{{ day && day.place || '' }}
Anton
Всем привет. Подскажите по роутеру. Как заставить компонент реагировать при изменении параметров маршрута. Created и mounted не помогают
Жалгас
`
watch () {
$route () {
// код
}
}
`
Anton
спс
Denis
Я еще дополню вечерком поля переводов.
Жалгас
че вы там мутите
Nikita
Вот это дело я отдаю своим бэкендщикам параллельно для следующих проектов
Nikita
у меня пока все равно нет понимания формирования модуля работы с API в самом приложении (как разбивать на модули и надо ли (когда надо), куда класть его, где импортировать, зачем, почему и прочее), пока не успеваю открыть доки и просто прочитать хотя бы
Nikita
у меня вот такой вопрос есть. по текущей трабле
есть компонент, который вешает eventListener на keyup, запускает экшен по проверке кода клавиши.
компонент родительский
как я могу во вложенном компоненте (далеко не первый уровень вложенности) по нажатию на эту же клавишу отменить выполнение функции, повешеной вот в том родительском?
event.stopPropagation()
event.stopImmediatePropagation()
не помогают
Alex
во вложенном компоненте где обработчик в шаблоне указываете добавить .stop
Anonymous
у сайта мгу наверное очень увеличилась популярность
Vladimir
Дада, особенно когда пишешь vue без .js
Stanislav
пчму?
Stanislav
аа
Stanislav
vue->мгу
Stanislav
это да
Nikita
во вложенном компоненте где обработчик в шаблоне указываете добавить .stop
@alex_sokolov смотри, я вешаю обработчик в родителе на created() хук.
а во вложенном я его вешаю внутри одного из методов, а не в шаблоне
Nikita
то есть, так же, как с click не прокатывает
пробовал на сам шаблон вешать (div) @keyup, но он вообще не вызывается. может я тут где-то затупил, конечно
Alex
на диве слушать клавишу?
Nikita
о чем и речь
Nikita
поэтому и вешаю\снимаю в методах и хуках.
Nikita
прокатывает такой костыль – запускать тот же экшен, но с обратной логикой
в родителе:
this.$store.dispatch('foo', {
bar: false
})
костыль в дочернем
this.$store.dispatch('foo', {
bar: true
})
Nikita
то есть, экшен дважды фаерится, но это ж гавнокодище
Alex
ну если внутри даже эмиттишь что-то внутри метода, снаружи можно на это событие привязаться в шаблоне
Seos
Привет, подскажите, делаю веб приложение с использованием ssr (nuxt), но не могу определиться, разделять ли фронт и бэк, в смысле отдельно api сервер и отдельно nuxt сервер, как два приложения... Или использовать ssr и api в одном приложении?
ℝei
Разделять
Жалгас
у сайта мгу наверное очень увеличилась популярность
ну я тут подумал, ну а вдруг кто-то не знает и ему поможет... ну в общем:
Жалгас
если написать в поиске какое либо слово с минусом спереди то оно будет исключено из поиска
vue -мгу не будет искать мгу вообще
ℝei
А в чем преимущество?
ну говорят это хорошая практика, если конечно у тебя апи совсем скромное то можешь на одном сервере все сделать
Seos
ну говорят это хорошая практика, если конечно у тебя апи совсем скромное то можешь на одном сервере все сделать
Не, апи не совсем скромное. Понял, просто по этому поводу нету информации особо.
Seos
Nikita
ну если внутри даже эмиттишь что-то внутри метода, снаружи можно на это событие привязаться в шаблоне
не догоняю, причем тут эмиттинг) эммиты так и регистрируются же обычно, через шаблон. тут window.addEventListener навешивается, потому как ловить нужно событие клавиш на каком-нибудь диве например.
Alex
Привет, подскажите, делаю веб приложение с использованием ssr (nuxt), но не могу определиться, разделять ли фронт и бэк, в смысле отдельно api сервер и отдельно nuxt сервер, как два приложения... Или использовать ssr и api в одном приложении?
Разделять, чтобы потом не захотелось мешать одно с другим
Alex
не догоняю, причем тут эмиттинг) эммиты так и регистрируются же обычно, через шаблон. тут window.addEventListener навешивается, потому как ловить нужно событие клавиш на каком-нибудь диве например.
ну а само событие первым аргументом разве не передается?
Seos
Разделять, чтобы потом не захотелось мешать одно с другим
Спасибо, в принципе и планировал так делать, но сомнения были :)
Nikita
ну а само событие первым аргументом разве не передается?
1) метод toggle (event, id), запускается как без параметров, так и по юзер-евентс (@click в шаблоне, keyup в евент-листенере)
2) если id был передан, то вешаю вот такой обработчик на окно window.addEventListener('keyup', this.toggle, false)
3) если id не было – window.removeEventListener('keyup', this.toggle, false)
4) компонент-обертка, прародитель:
created () {
window.addEventListener('keyup', this.action, false)
}
что нужно: при запуске toggle отменять действие в action в корневом компоненте-обертке, прародителе.
Nikita
пока закостылил так: сделал в toggle действие, обратное дейстию в action в обертке
выглядит как какое-то дерьмо это все.
я зря повесил слушатель на окно в родителе? или как нужно было сделать если сейчас я выстрелил в ногу себе?
Anonymous
А как отследить окончание загрузки страницы?
Yevhenii
Вордпресс кто юзает?
Nikita
А как отследить окончание загрузки страницы?
https://developer.mozilla.org/ru/docs/Web/Events/DOMContentLoaded
не то?
Nikita
опоздал!
Anonymous
Спс 👍
🏴☠️ Alexey
гайз, скажите плиз - какого модуля ему не хватает
ERROR in ./js/App.vue
Module parse failed: /Users/alec/Documents/Projects/pe/assets/js/App.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <template>
| <div id="app">Test</div>
| </template>
@ ./js/app.js 9:11-31
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server js/app.js stylus/app.styl
webpack: Failed to compile.
🏴☠️ Alexey
или наверно в конфиге что-то забыл прописать
Nikita
гайз, скажите плиз - какого модуля ему не хватает
ERROR in ./js/App.vue
Module parse failed: /Users/alec/Documents/Projects/pe/assets/js/App.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <template>
| <div id="app">Test</div>
| </template>
@ ./js/app.js 9:11-31
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server js/app.js stylus/app.styl
webpack: Failed to compile.
You may need an appropriate loader to handle this file type.
?
🏴☠️ Alexey
я так понимаю .vue
🏴☠️ Alexey
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
ℝei
поидее если из шаблона то норм должно быть. если webpack-simple шаблон то надо самому дописать вроде
🏴☠️ Alexey
скопипасченный 🙂
🏴☠️ Alexey
https://github.com/odiumediae/webpacker/blob/master/assets/webpack.config.js отсюда с заменой на vue
🏴☠️ Alexey
вместо реакта
🏴☠️ Alexey
{
"repository": {},
"license": "MIT",
"scripts": {
"start": "npm run watch",
"watch": "MIX_ENV=dev webpack-dev-server --inline --hot --stdin --colors --public localhost:8080",
"deploy": "MIX_ENV=prod webpack -p"
},
"dependencies": {
"phoenix": "file:../deps/phoenix",
"phoenix_html": "file:../deps/phoenix_html",
"vue": "^2.4.2",
"vue-router": "^2.7.0"
},
"devDependencies": {
"axios": "^0.16.2",
"babel-cli": "^6.24.1",
"babel-core": "^6.25.0",
"babel-loader": "^7.1.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-es2016": "^6.24.1",
"babel-preset-vue-app": "^1.2.0",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.4",
"extract-text-webpack-plugin": "^3.0.0",
"file-loader": "^0.11.2",
"image-webpack-loader": "^3.3.1",
"postcss": "^6.0.9",
"postcss-loader": "^2.0.6",
"style-loader": "^0.18.2",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
"url-loader": "^0.5.9",
"vue-axios": "^2.0.2",
"vue-loader": "^13.0.4",
"vue-template-compiler": "^2.4.2",
"vuetify": "^0.14.11",
"vuex": "^2.3.1",
"webpack": "^3.5.4",
"webpack-dev-server": "^2.7.1"
}
}
ℝei
{
"repository": {},
"license": "MIT",
"scripts": {
"start": "npm run watch",
"watch": "MIX_ENV=dev webpack-dev-server --inline --hot --stdin --colors --public localhost:8080",
"deploy": "MIX_ENV=prod webpack -p"
},
"dependencies": {
"phoenix": "file:../deps/phoenix",
"phoenix_html": "file:../deps/phoenix_html",
"vue": "^2.4.2",
"vue-router": "^2.7.0"
},
"devDependencies": {
"axios": "^0.16.2",
"babel-cli": "^6.24.1",
"babel-core": "^6.25.0",
"babel-loader": "^7.1.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-es2016": "^6.24.1",
"babel-preset-vue-app": "^1.2.0",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.4",
"extract-text-webpack-plugin": "^3.0.0",
"file-loader": "^0.11.2",
"image-webpack-loader": "^3.3.1",
"postcss": "^6.0.9",
"postcss-loader": "^2.0.6",
"style-loader": "^0.18.2",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
"url-loader": "^0.5.9",
"vue-axios": "^2.0.2",
"vue-loader": "^13.0.4",
"vue-template-compiler": "^2.4.2",
"vuetify": "^0.14.11",
"vuex": "^2.3.1",
"webpack": "^3.5.4",
"webpack-dev-server": "^2.7.1"
}
}
хз кароч
{
test: /\.vue$/,
loader: 'vue-loader',
exclude: /node_modules/,
options: vueConfig
},
у меня вот так поминимому в конфиге в vueConfig только extractCSS: process.env.NODE_ENV === 'production'
и все работает ок с любым препроцессором, главное нужный loader чтоб был для него
Rafael 🌵
Anonymous
Если я сделаю фуллпейдж оверлей лоадер и буду убирать его по v-show это на сео не отразится?
Anonymous
Я ж так понимаю это просто цсс
MaybeLocal
Тут давали ссылку на Ютуб - там ниндзя нарисованный на превью был