ничто не мешает

Ну не каких это подоных камнйе и лишних телодвижений не заставит меня делать из за того что я не ноду, а вуе юзаю?

тогда тут дело не в вью, а вообще в спа приложениях

готов ли ты разрабатывать спа приложение с soket.io платформой

готов ли ты разрабатывать спа приложение с soket.io платформой

Ну я пошаговую игру делаю. Думаю тут без вебсокетов не обойтись. ВОт сейчас выбираю из технологий вебсокетов

в чем суть твоей игры

какой у нее интерфейс

на канвасе рисуется или дивы с текстом и кнопками?

на канвасе рисуется или дивы с текстом и кнопками?

ого. канвас крутая штука. спасибо за наводку

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

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

То есть это не просто библиотека для работы с вебсокетами. Даже так

господа подскажет кто-то быстро? если у меня ref у элемента в v-for, то ref - массив, а ключ массива тогда что? - простой индекс?

или он :key берет

То есть это не просто библиотека для работы с вебсокетами. Даже так

ну по доке это видно https://socket.io/get-started/chat/

хотя стоп

чет не то

как я понял, единственный выход тут это делать в ref имя зависящее от ключа какого-то, и брать потом из массива 0-й элемент

там было с фреймворков

<avatar image=«{{ userinfo.album.photos[userinfo.album.photos.length - 1].lg }}»/> как в image правильно вставлять значение?

Никита, спасиб за помощь. Будет какую инфу попереваривать.

<avatar image=«{{ userinfo.album.photos[userinfo.album.photos.length - 1].lg }}»/> как в image правильно вставлять значение?

:image и без {{}}

<avatar image=«{{ userinfo.album.photos[userinfo.album.photos.length - 1].lg }}»/> как в image правильно вставлять значение?

Доки не читал шо ли?)

:image и без {{}}

Спасибо!)

Доки не читал шо ли?)

а я сразу делать начал)

не читал)

а я сразу делать начал)

Стыдно должно быть

Стыдно должно быть

дедлайн(

<template> <span v-if="asHtml" :style="gutterStyle" v-html="text"></span> <span v-else :style="gutterStyle">{{text}}</span> </template> <script> export default { name: 'UserTextGutter', props: { text: { type: String, required: true }, whiteSpaceValue: { type: String, default: 'pre-line' }, asHtml: { type: Boolean, default: false } }, data () { return { gutterStyle: { whiteSpace: this.whiteSpaceValue } }; } }; </script>

не знаю как он работает у меня ошибку выдает whiteSpaceValue is not defined, как ты вообще из data к свойству props?

админ панель до вск надо сделать

дедлайн(

Тогда лучше не спрашивай у нас, а доку 2 читай

Тогда лучше не спрашивай у нас, а доку 2 читай

окей

Там все написано черным по белому

Там все написано черным по белому

окей

Просто одно дело - что то сложное, другое - это

@eddimensi спс что ро не навечно, а на сутки)

вопрос про аниме, @eddimensi ты юзаешь его с Нукстом?

@eddimensi спс что ро не навечно, а на сутки)

насколько я знаю, тебя уже в других чатах забанили навсегда

да только в JS вроде

вопрос про аниме, @eddimensi ты юзаешь его с Нукстом?

нет, но юзал с prerender spa plugin

жаль, проблема с Нукстом, думал в курсе

Nioray я понял с чем спутал

с meteorjs

https://www.meteor.com/

но мне говорят, что он мертв

господа подскажет кто-то быстро? если у меня ref у элемента в v-for, то ref - массив, а ключ массива тогда что? - простой индекс?

у обычного массива ключ - индекс ?

у обычного массива ключ - индекс ?

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

как я понял, единственный выход тут это делать в ref имя зависящее от ключа какого-то, и брать потом из массива 0-й элемент

короче сделал вот такой маневр, ноль подводных

Угу, так же делал

Хотя достаточно интересное поведение ref у элемента в v-for

имхо лучше бы это был объект

и ключ брался бы из key

но может в этом была какая-то изначальная логика

но мне говорят, что он мертв

а я статью читаю почему это будущее вебразработки)

а я статью читаю почему это будущее вебразработки)

хаха)

и ключ брался бы из key

Но вот это вообще было бы неочевидно, особенно если учесть, что key является необязетальным (понятно что будет warning, но код не сломается)

еще вопрос че бы было если бы это был v-for внутри еще одного v-for

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

Перебирались бы вложенные массивы

Например

Типа, если в объекте ещё есть что-то внутри, то с помощью в-фор внутри в-фора можно перебрать это что-то

да не, тут речь то про ref

а я статью читаю почему это будущее вебразработки)

Будущее веб-разработки, точнее фронтенда - web components. github их уже в продакшене юзаeт )

Будущее веб-разработки, точнее фронтенда - web components. github их уже в продакшене юзаeт )

это разделение на компоненты, так?

по сути это возможность создавать кастомные теги со своим api

все то, что мы сейчас делаем с помощью vue, react, etc

ERROR: S client not available

https://www.webcomponents.org/introduction

по сути это возможность создавать кастомные теги со своим api

хорошо что я в джс только на компонентах и имею какой то адекватный опыт)

ну это удобно. хз как раньше без этого было

<template> <span v-if="asHtml" :style="gutterStyle" v-html="text"></span> <span v-else :style="gutterStyle">{{text}}</span> </template> <script> export default { name: 'UserTextGutter', props: { text: { type: String, required: true }, whiteSpaceValue: { type: String, default: 'pre-line' }, asHtml: { type: Boolean, default: false } }, data () { return { gutterStyle: { whiteSpace: this.whiteSpaceValue } }; } }; </script>

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

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

Можно по разному. У меня компонент. Без кода никто не скажет что не так. Минимизируй код, смотри что не так

а что в итоге должно получиться, вопрос же в том как отображить в нутри textarea \n как перенос строки, а тут такая логика ради этого?

Можно строку разделить по символу /n, будет массив, внутри textarea, этот массив виводиш в цыкле вставляя значения в тег span. Будеш textarea, с множеством тегов span каждый будет новой строкой поидее. Пробуй такой вариант експерементировать. Може кто знаэт как лучше, я так делал

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

[Vue warn]: Error in render: "TypeError: Cannot read property 'thumb' of undefined" <div class="col-lg-12" v-for="photo in allPhotos"> <div class="card"> <img :src="photo.urls.thumb" alt="" class="card-img"> </div> </div> Что не так? Буду благодарен... #ostap_help

синтаксис вродь норм

[Vue warn]: Error in render: "TypeError: Cannot read property 'thumb' of undefined" <div class="col-lg-12" v-for="photo in allPhotos"> <div class="card"> <img :src="photo.urls.thumb" alt="" class="card-img"> </div> </div> Что не так? Буду благодарен... #ostap_help

v-for="photo in allPhotos.results"> ?

v-for="photo in allPhotos.results"> ?

Спасибооо!!!

ЗА такую тупость я тебя и в дотнет чате забаню.

Привет, читаю эту статью https://habr.com/post/350750/ и в комментах пишут "axios и vue-router в дев зависимости? Зачем? И итерацию v-for надо с атрибутом :key писать, так правильно. Ну и линтер по шее даст. OKyJIucT 10.03.18 в 10:21 0 Объясните, пожалуйста, как правильно и почему? Spunreal 10.03.18 в 12:29 0 axios и vue-router используются в самом приложении, а не при его разработке. Поэтому эти пакеты надо подключать как обычные зависимости, а не dev. В dev зависимости отправляют всякие бабели, лоадеры и другие пакеты, которые нужны непосредственно только для разработки и сборки итоговых файлов. Сами пакеты в итоговые файлы не попадают", собственно как правильно то сделать? а то этот пример у меня получился. но хочется сразу понять что да как

Всем привет, как лучше реализовать, такой случай есть компонет, который инициализируется с дефолтными настройками, на которые завязана логика, родительский компонент может менять это настройки соотвесно, реализовал вот так, но мне не нравится, можно как-нибудь лучше ? export default { name: 'KeyboardLetter', props: { settings: Object }, data () { return { numbers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 0], layouts: this.settings.layouts, layoutCurrent: '', layoutCharacters: '', viewNumbers: this.settings.type === 'any', viewUpperCase: this.settings.defCase === 'upper', viewKeySymbols: !!(this.settings.specSymb && this.settings.specSymb.length > 0), viewSymbols: false, viewSwitchLayouts: false, allowChangeCase: this.settings.allowChangeCase, lockUpperCase: false, } }, watch: { settings () { this.layouts = this.settings.layouts this.viewNumbers = this.settings.type === 'any' this.viewUpperCase = this.settings.defCase === 'upper' this.viewKeySymbols = !!(this.settings.specSymb && this.settings.specSymb.length > 0) this.viewSymbols = false this.viewSwitchLayouts = false this.allowChangeCase = this.settings.allowChangeCase this.lockUpperCase = false this._setKeyboardCharacters() }, }, т.е. слежу за настройками если они поменялись то сбрасываю на начальные

Привет, читаю эту статью https://habr.com/post/350750/ и в комментах пишут "axios и vue-router в дев зависимости? Зачем? И итерацию v-for надо с атрибутом :key писать, так правильно. Ну и линтер по шее даст. OKyJIucT 10.03.18 в 10:21 0 Объясните, пожалуйста, как правильно и почему? Spunreal 10.03.18 в 12:29 0 axios и vue-router используются в самом приложении, а не при его разработке. Поэтому эти пакеты надо подключать как обычные зависимости, а не dev. В dev зависимости отправляют всякие бабели, лоадеры и другие пакеты, которые нужны непосредственно только для разработки и сборки итоговых файлов. Сами пакеты в итоговые файлы не попадают", собственно как правильно то сделать? а то этот пример у меня получился. но хочется сразу понять что да как

Spunreal все правильно написал.

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

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

В бефорлив мож тогда

Всем привет, как лучше реализовать, такой случай есть компонет, который инициализируется с дефолтными настройками, на которые завязана логика, родительский компонент может менять это настройки соотвесно, реализовал вот так, но мне не нравится, можно как-нибудь лучше ? export default { name: 'KeyboardLetter', props: { settings: Object }, data () { return { numbers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 0], layouts: this.settings.layouts, layoutCurrent: '', layoutCharacters: '', viewNumbers: this.settings.type === 'any', viewUpperCase: this.settings.defCase === 'upper', viewKeySymbols: !!(this.settings.specSymb && this.settings.specSymb.length > 0), viewSymbols: false, viewSwitchLayouts: false, allowChangeCase: this.settings.allowChangeCase, lockUpperCase: false, } }, watch: { settings () { this.layouts = this.settings.layouts this.viewNumbers = this.settings.type === 'any' this.viewUpperCase = this.settings.defCase === 'upper' this.viewKeySymbols = !!(this.settings.specSymb && this.settings.specSymb.length > 0) this.viewSymbols = false this.viewSwitchLayouts = false this.allowChangeCase = this.settings.allowChangeCase this.lockUpperCase = false this._setKeyboardCharacters() }, }, т.е. слежу за настройками если они поменялись то сбрасываю на начальные

почему бы не брать конфиг сразу из props?

почему бы не брать конфиг сразу из props?

у меня есть свойство viewNumbers: this.settings.type === 'any', показывать ли числа, в конфиге может быть только тип клавиатруы any, letter, дальше логику я сам накручиваю

props же нельзя менять

вот что прилетает keyboard: { type:'letter', extraCharacter: ',', layouts:['en','ru'], defCase:'lower', specSymb:'symb', allowChangeCase:false} }

у меня есть свойство viewNumbers: this.settings.type === 'any', показывать ли числа, в конфиге может быть только тип клавиатруы any, letter, дальше логику я сам накручиваю

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

Spunreal все правильно написал.

а как это делать??

В бефорлив мож тогда

сделал по-другому. поставил vuetify-confirm и заюзал его через прототип

ЗА такую тупость я тебя и в дотнет чате забаню.

я же пошутил

мораль этих стикеров в том что каждый язык по своему хорош

Либо они все... Ну вы поняли