Просто на пк проек а пишу с тел

я не знаю, влияет порядок или нет, но попробуй сначала <template>, затем <script>, затем <style>

я не знаю, влияет порядок или нет, но попробуй сначала <template>, затем <script>, затем <style>

не в этом дело

взял раазные куски и совместил... просто же всё заводится - например, http://jsfiddle.net/yu3ver/ez6Lroa3/

Слушайте поставил вебшторм

Нарадоваться не могу

тупо все что я хотел работает.

и без всяких лагов.

Это я к утрешнему спору о редакторах.

я не знаю, влияет порядок или нет, но попробуй сначала <template>, затем <script>, затем <style>

Не влияет

@Kolya_Raketa как там с sublime?

Это я к утрешнему спору о редакторах.

?

взял раазные куски и совместил... просто же всё заводится - например, http://jsfiddle.net/yu3ver/ez6Lroa3/

Moldova?

da

Аа, я тоже просто )

Привет всем Народ помогите вывести вводимый текст в h2 из input-a

this.message

Это я к утрешнему спору о редакторах.

Что там с линтером?

Куда можно задать вопросы в общем по фронту?

Сюда тоже можно я думаю

Куда можно задать вопросы в общем по фронту?

есть еще чат по вёрстке https://t.me/web_structure и по js https://t.me/js_ru

есть еще чат по вёрстке https://t.me/web_structure и по js https://t.me/js_ru

Спасибо!

Мне нужна вот такая штука в модельке.

<tr> <td><textarea></textarea></td> <td><select><option value="0">0</option><option value="1">1</option></select></td> </tr>

Естественно, их может быть n раз, управление должно быть и текстом и селектом. Селекты могут иметь разные наборы значений.

покажьіте что сделали

Да собственно ничего.

Я по туторам изучаю VUE. И вот столкнулся с непониманием подхода. Как сделать для for такое вот перечисление tr-строк таблицы, в которых внутри есть свои элементы для модели

Добавляете v-for на <tr> и он нагенерирует разметки что будет внутри на массив данных

Вместо туторов для начала документацию на русском почитайте, там тоже множество простых примеров

Ребят, как во вью роутере редиректнуться назад ?

Ребят, как во вью роутере редиректнуться назад ?

$router.go(-1)

спасибо)

У меня непонятки именно во встраивании доп.селектов и текстарей внутри фора

У меня непонятки именно во встраивании доп.селектов и текстарей внутри фора

в песочницу, там сразу будет видно где затык

Всем привет. надо подскажите простенький плеер на vue? нужен виджет для прослушки записи разговоров

гайз как разбить массив для реализации пагинации ?

.filter

https://lodash.com/docs/4.17.4#chunk

Привет. Подскажите, я правильно понимаю, что во veux геттеры это аналог mapStateToProps?

и я))))

Аа, я тоже просто )

Человеки! Новичков не сильно пинаете? :) Как вы делаете проверку сессии, когда приложение загружается? Наример: есть простая html страница с логином-паролем, проверяем через ajax запрос их правильность, создаём кукиш перенаправляем на приложение.

Человеки! Новичков не сильно пинаете? :) Как вы делаете проверку сессии, когда приложение загружается? Наример: есть простая html страница с логином-паролем, проверяем через ajax запрос их правильность, создаём кукиш перенаправляем на приложение.

говорят что юзать сессии для СПА плохой тон

говорят что юзать сессии для СПА плохой тон

а как правильно?

а как правильно?

Да вот всякие токены понапридумывали, почитайте например за jwt

Да вот всякие токены понапридумывали, почитайте например за jwt

спасибо! Но всетаки как до рендеринга что-то сделать?

спасибо! Но всетаки как до рендеринга что-то сделать?

Смотря что Вас интересует сделать, например можно подписать все запросы каким-то заголовком и сервера по заголовкам будет Вам что не будь делать

говорят что юзать сессии для СПА плохой тон

Но ведь jwt это почти та же сессия

Но ведь jwt это почти та же сессия

Ну да, а кто спорит та ?

Ну да, а кто спорит та ?

Да никто, но вот он сейчас начнёт все на jwt переделывать

Да никто, но вот он сейчас начнёт все на jwt переделывать

Ну не самая плохая практика :))

Ну не самая плохая практика :))

Но он новичек ?‍♂

а что в vue нельзя сделать чтоб при нажатии одной и тойже ссылки был релоад как это было в первом ангуляре указывая reload: true ?

Но он новичек ?‍♂

будет опыт

будет опыт

Спорно

Смотря что Вас интересует сделать, например можно подписать все запросы каким-то заголовком и сервера по заголовкам будет Вам что не будь делать

Хочется при загрузке, но до рендеринга. Всеравно хоть сессию, хоть jwt надо как-то где-то проверять.

Так вот как вы это делаете? :)

спасибо! Но всетаки как до рендеринга что-то сделать?

У меня бэк фласк, после аунтификации по аякс отдает jwt, у jwt стоит срок протухания, когда клиент делает действия связанные с работой сервера он в шапке отдает ключ, если сервер возвращает ошибку, роутер перенаправит на логин. Держать и там и там нет смысла, так как ключ будет иметь уже все данные плюс данные о сроке действия, можешь делать два ключа один рефреш один активационный. С помощью рефреш обновляешь способность активационного.

У меня бэк фласк, после аунтификации по аякс отдает jwt, у jwt стоит срок протухания, когда клиент делает действия связанные с работой сервера он в шапке отдает ключ, если сервер возвращает ошибку, роутер перенаправит на логин. Держать и там и там нет смысла, так как ключ будет иметь уже все данные плюс данные о сроке действия, можешь делать два ключа один рефреш один активационный. С помощью рефреш обновляешь способность активационного.

спасибо. Это я понимаю. Меня интересует как и где в самом приложении это сделать. Сделал так и ожидаемо не работает: methods: { beforeCreate: function() { alert('fff') } }

простой пример

created: function(){ let data = localStorage.getItem('at'); console.log(null); this.active = data !== null; }, methods: { get_toke (){ Vue.http.post('/login','{"username":"test","password":"test"}', {headers:{'X-CSRFToken':csr}}).then(response =>{ return response.json() }).then(result=>{ localStorage.setItem('at',"Bearer "+ result['a_t']); localStorage.setItem('rt',"Bearer "+ result['r_t']); this.active = true }); }, get_data (){ let data = localStorage.getItem('at'); if (data !== null) { Vue.http.get('/protected', {headers: {'Authorization': data}}) .then(response => { return response.json() }) .then(result => { if (result['status'] === 401) { this.active = false; localStorage.removeItem('at'); return } this.mes = result['current_user'] }) }}, refresh (){ Vue.http.post('/refresh','', {headers:{'X-CSRFToken':csr, 'Authorization':localStorage.getItem('rt')}}).then(response =>{ return response.json() }).then(result=>{ console.log(result); if (result['status'] === 401) { this.active = false; localStorage.removeItem('at'); localStorage.removeItem('rt'); return } localStorage.setItem('at',"Bearer "+ result['a_t']); this.active = true }).catch(error => console.log(error));

На бэке у тебя должен быть мидлваре который будет проверять входящий jwt

На бэке у тебя должен быть мидлваре который будет проверять входящий jwt

спасибо!

created: function(){ let data = localStorage.getItem('at'); console.log(null); this.active = data !== null; }, methods: { get_toke (){ Vue.http.post('/login','{"username":"test","password":"test"}', {headers:{'X-CSRFToken':csr}}).then(response =>{ return response.json() }).then(result=>{ localStorage.setItem('at',"Bearer "+ result['a_t']); localStorage.setItem('rt',"Bearer "+ result['r_t']); this.active = true }); }, get_data (){ let data = localStorage.getItem('at'); if (data !== null) { Vue.http.get('/protected', {headers: {'Authorization': data}}) .then(response => { return response.json() }) .then(result => { if (result['status'] === 401) { this.active = false; localStorage.removeItem('at'); return } this.mes = result['current_user'] }) }}, refresh (){ Vue.http.post('/refresh','', {headers:{'X-CSRFToken':csr, 'Authorization':localStorage.getItem('rt')}}).then(response =>{ return response.json() }).then(result=>{ console.log(result); if (result['status'] === 401) { this.active = false; localStorage.removeItem('at'); localStorage.removeItem('rt'); return } localStorage.setItem('at',"Bearer "+ result['a_t']); this.active = true }).catch(error => console.log(error));

А еще не стоит так отправлять http-запросы

Используйте axios

там к тому же вам логику перевыпуска токена, если будете на REST (jwt, oauth2...) делать удобнее будет значительно

с помощью интерцепторов

ну и вообще есть мнение что не стоит в prototype вью пихать http-клиент

это так, мимопроходил совет

Используйте axios

ААААА!!! Я так никогда себе современный фронт не сделаю! :)

Почему же?)

ААААА!!! Я так никогда себе современный фронт не сделаю! :)

Axios по интерфейсу схож.

Почему же?)

Ну как почему: делать на jQuery - отцтой. Webpack - необходимость, ещё нужно вот библиотеку к библиотеке. А ещё: ты без Vuex сделал?! Ну ты ... И т.д. чего я ещё не знаю :)

Ну как почему: делать на jQuery - отцтой. Webpack - необходимость, ещё нужно вот библиотеку к библиотеке. А ещё: ты без Vuex сделал?! Ну ты ... И т.д. чего я ещё не знаю :)

это норма. Совеременный js/frontend зоопарк очень стремительно развивается

это норма. Совеременный js/frontend зоопарк очень стремительно развивается

угу. Легче не становится.

А делать на jquery не отстой. Просто в случае большого приложения необходимость обновлять DOM вручную быстро превращает фронт в ад. Проще и удобнее иметь четкую модель данных, обновляя которую будет перерендериваться DOM

А если проект крохотный

И сложной логики в нем нет. То jquery - норм

угу. Легче не становится.

Совет, не пытайся весь фулстек технологии запихнуть к себе, сначала используй что-то, заверши проект, в новый проект интегрируй еще что-то, и т.д. Я бэкэндер, для меня фронт кажется еще менее привлекательным чем ты думаешь)

Совет, не пытайся весь фулстек технологии запихнуть к себе, сначала используй что-то, заверши проект, в новый проект интегрируй еще что-то, и т.д. Я бэкэндер, для меня фронт кажется еще менее привлекательным чем ты думаешь)

Я тоже бекендер.

А делать на jquery не отстой. Просто в случае большого приложения необходимость обновлять DOM вручную быстро превращает фронт в ад. Проще и удобнее иметь четкую модель данных, обновляя которую будет перерендериваться DOM

Вот с этим согласен на 146%. Пробовал уже.

Вот с этим согласен на 146%. Пробовал уже.

По поводу стека. VueJS + Vuex + axios + webpack для сборки. Нормально выйдет. И молодежно и удобно. Инфа сотка

По поводу стека. VueJS + Vuex + axios + webpack для сборки. Нормально выйдет. И молодежно и удобно. Инфа сотка

? Тут Vue со скрипом идёт, а уж если всё сразу, то голова лопнет :) Но что всё перечисленное нужно полностью согласен.

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

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

watch?

дак вот не работает

у меня карта, мне надо чтобы маркеры перерисовывались, когда сокет получил данные

соответственно компонент с сокетами, карта и хранилище

leaflet

есть у кого идеи?