знаю реакт на нормальном уровне... но многие хвалят Vue , стоит пробовать или дальше писать на реакте?

и если вы перешли на вуе с реакта, то почему?

в смысле библиотека похожая на питон? О чем ты?

понятно, что это все тот же JS, но с красивым и лаконичным синтаксисом, без кавычек в IF к примеру, с отступами и т д

для чего библиотеку?

для чего библиотеку?

чтобы на голом JS не писать, есть же JQ который жизнь упрощал

если ты хочешь без скобочек писать -- то пиши на coffeescript с любой библиотекой

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

или я тебя неправильн опонял

если ты хочешь без скобочек писать -- то пиши на coffeescript с любой библиотекой

посмотрю, спасибо речи и не шло, чтобы идти поперек языка, лишь чтобы код был красивый, а пайтон - бенчмарк :)

я тут почитал про ssr и у меня родился вопрос: а зачем все это? Ну, в смысле: сначала были классические веб-приложения - сервер отдает свой код, клиент обрабатывает действия пользователя. Потом клиентская часть развилась во что-то иное - фреймворки - и забрала часть работы серверной стороны на себя. От сервера теперь нужно выполнять свою глубокую логику по обработке данных, работать с БД и плеваться json'ами по правильным запросам. И все радовались - фреймворки это круто, это удобно, это быстро. Сейчас мы приходим к тому, что все-таки на стороне сервера нужно рендерить страницу, иначе ее, всю такую замечательную, созданную на новейших технологиях и с применением передовых принципов разработки, просто никто не найдет. Не кажется ли вам, что мы вернулись туда, откуда выходили?

я тут почитал про ssr и у меня родился вопрос: а зачем все это? Ну, в смысле: сначала были классические веб-приложения - сервер отдает свой код, клиент обрабатывает действия пользователя. Потом клиентская часть развилась во что-то иное - фреймворки - и забрала часть работы серверной стороны на себя. От сервера теперь нужно выполнять свою глубокую логику по обработке данных, работать с БД и плеваться json'ами по правильным запросам. И все радовались - фреймворки это круто, это удобно, это быстро. Сейчас мы приходим к тому, что все-таки на стороне сервера нужно рендерить страницу, иначе ее, всю такую замечательную, созданную на новейших технологиях и с применением передовых принципов разработки, просто никто не найдет. Не кажется ли вам, что мы вернулись туда, откуда выходили?

Для поисковых ботов, чтобы получали всю страничку сразу. Или для старых медленных устройств

@liv

я тут почитал про ssr и у меня родился вопрос: а зачем все это? Ну, в смысле: сначала были классические веб-приложения - сервер отдает свой код, клиент обрабатывает действия пользователя. Потом клиентская часть развилась во что-то иное - фреймворки - и забрала часть работы серверной стороны на себя. От сервера теперь нужно выполнять свою глубокую логику по обработке данных, работать с БД и плеваться json'ами по правильным запросам. И все радовались - фреймворки это круто, это удобно, это быстро. Сейчас мы приходим к тому, что все-таки на стороне сервера нужно рендерить страницу, иначе ее, всю такую замечательную, созданную на новейших технологиях и с применением передовых принципов разработки, просто никто не найдет. Не кажется ли вам, что мы вернулись туда, откуда выходили?

Фреймворки это круто, удобно и быстро только для разработчика Для конечного юзера это медленнее, тяжелее и вообще может не заработать (не у всех есть топовые новейшие телефоны) А при ssr все загрузится на 143% быстрее и точнее, потому что не надо грузить огромную пачку зависимостей и что-то рендерить

@livalex поклацай soundcloud

Фреймворки это круто, удобно и быстро только для разработчика Для конечного юзера это медленнее, тяжелее и вообще может не заработать (не у всех есть топовые новейшие телефоны) А при ssr все загрузится на 143% быстрее и точнее, потому что не надо грузить огромную пачку зависимостей и что-то рендерить

Ну почему же. Зависимости грузим. Только втихаря прелоадим уже после отображения первой страницы

ребят, а можете напомнить, есть ли во vue такая штука? <component v-for="p in people"/> <div v-else>пусто</div>

Нет

грустно :(

А что за штука то?) я опять не понял)))

Можно попробовать вот так: <template v-if="people.length"> </template> <template v-else> Пусто </template>

я тут почитал про ssr и у меня родился вопрос: а зачем все это? Ну, в смысле: сначала были классические веб-приложения - сервер отдает свой код, клиент обрабатывает действия пользователя. Потом клиентская часть развилась во что-то иное - фреймворки - и забрала часть работы серверной стороны на себя. От сервера теперь нужно выполнять свою глубокую логику по обработке данных, работать с БД и плеваться json'ами по правильным запросам. И все радовались - фреймворки это круто, это удобно, это быстро. Сейчас мы приходим к тому, что все-таки на стороне сервера нужно рендерить страницу, иначе ее, всю такую замечательную, созданную на новейших технологиях и с применением передовых принципов разработки, просто никто не найдет. Не кажется ли вам, что мы вернулись туда, откуда выходили?

все что сказано выше + комментарий SEOшника: Представь сколько лет поисковики развивают свои алгоритмы. Все краулеры (что у гугла, что у яндекса - их много и они разные, используются для анализа разного контента и сбора разной информации с сайта) заточены под серверный рендеринг. Чтобы оптимизировать обычный сайт, чтобы он нравился поисковикам (чтобы *поисковикам* было удобно и они хорошо, и они часто тебя индексировали) уходит пару лет (конечно это вместе с работой над контентом). У поисковиков максимум пару костылей для AJAX сайтов сделано, так что AJAX сайты явно в проигрыше. Кроме того зачастую на AJAX сайтах куча контента вообще не имеет никаких урлов, как прикажешь это индексировать и самое главное куда потом вести пользователей? Все вышенаписанное это исключительно мое мнение и мои наблюдения, на истину в последней инстанции не претендую, но в вопросе разбираюсь.

Можно попробовать вот так: <template v-if="people.length"> </template> <template v-else> Пусто </template>

это не работает, если ты делаешь цикл с условием: <man v-for="p in people" v-if="p.isMale"/> <div v-else> мужчин нет, заводите 40 котов, мисс</div>

это не работает, если ты делаешь цикл с условием: <man v-for="p in people" v-if="p.isMale"/> <div v-else> мужчин нет, заводите 40 котов, мисс</div>

Можно добавить в computed свойство isHaveMale

Потому что цикл с условием работает как цикл и для каждого элемента цикла проверяется условие

Поэтому else после и не будет работать

В общем ладно, я вообще на js не пишу

Можно добавить в computed свойство isHaveMale

да, именно поэтому я и задал вопрос. я не хотел computed свойство.

мне казалось логичным, что если v-for ничего не выдал, то должен отрабатывать v-else.

ну или хотелось бы тогда любую другую конструкцию с похожим смыслом.

ктот может глянуть, что не так с анимацией? Пытаюсь прилепить slideDown/slideUp из jquery с помощью js хуков. Вроде все как в доках сделал - не работает https://codepen.io/livalex/pen/PpEKPO?editors=1011

Парни, расскажите, зачем типы во Vuex, не могу вкурить)

зачем типы <anyware>, ну странный вопрос, для безопасности и контроля ошибок

Парни, расскажите, зачем типы во Vuex, не могу вкурить)

откуда инфа? можно линк?

Ща

Вот тут, например: https://github.com/vuejs/vuex/blob/dev/examples/shopping-cart/store/mutation-types.js

А ещё поздравьте, запилил запросы к API через Vuex)

подскажите с анимацией плиз - чего-то упускаю, а чего - не вижу (

чё там?

вверх анимируется, вниз - не хочет

https://codepen.io/livalex/pen/PpEKPO

Вот тут, например: https://github.com/vuejs/vuex/blob/dev/examples/shopping-cart/store/mutation-types.js

это не про те типы

это просто названия мутаций в константы загнали

собственно говоря зачем константы и нужны

А нафига?

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

а только в одном файле поменять строку (здесь это файл `mutation-types.js`) и всё

вверх анимируется, вниз - не хочет

чувак, запили через css

https://refactoring.guru/ru/replace-magic-number-with-symbolic-constant

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

а, о... спс. понял.

https://codepen.io/livalex/pen/PpEKPO

и инпуты у Тебя гейские, сделай через v-for

это тренажер. Через css тоже не работает

Тебе прям критично, чтобы они вот скрывались? Сделай иначе.

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

живые есть?

в vue компоненте имеется data c функцией data: function () { var sortOrders = {} this.columns.forEach(function (key) { sortOrders[key] = 1 }) return { sortKey: '', sortOrders: sortOrders }мне нужно в data добавить свойство, но уже не в функции, как это можно сделать?

в vue компоненте имеется data c функцией data: function () { var sortOrders = {} this.columns.forEach(function (key) { sortOrders[key] = 1 }) return { sortKey: '', sortOrders: sortOrders }мне нужно в data добавить свойство, но уже не в функции, как это можно сделать?

this.$set(this, 'propName', propValue)

в vue компоненте имеется data c функцией data: function () { var sortOrders = {} this.columns.forEach(function (key) { sortOrders[key] = 1 }) return { sortKey: '', sortOrders: sortOrders }мне нужно в data добавить свойство, но уже не в функции, как это можно сделать?

нафига делать this.columns.forEach(function (key) { sortOrders[key] = 1 }) - так, если лучше воспользоваться computed свойствой?

нафига делать this.columns.forEach(function (key) { sortOrders[key] = 1 }) - так, если лучше воспользоваться computed свойствой?

это из официального примера gid example

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

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

пробрасывать вниз, если parent->child. Если соседние, то через общего родителя пробросить или шину или vuex

не совсем пойму, Vue.component('selected-status-patient',{ delimiters: ['{', '}'], template: '#selected-status-patient', data: function() { return{ selected_status: demo.selected_status }; } }) var demo = new Vue({ el: '#demo', delimiters: ['{', '}'], data: { searchQuery: '', gridColumns: ['Id','FullName', 'Datebirth', 'Lgotcat'], gridData: null, showModal: false, showModalnar: false, showModalCall: false, currentId: '', selected_status: '' },

нужно из selected-status-patient получить значения свойства из demo

selected_status: demo.selected_status вот так не дает (через родителя)

ERROR: S client not available

Vue v2.3.0 Так в темплейте demo <selected-status-patient :selected_status.sync="selected_status"> В компоненте selected-status-patient убрать data и добавить props: ['selected_status'] В data для demo инициализировать selected_status: demo.selected_status или в created методе компонента selected-status-patient selected_status = demo.selected_status

Vue v2.3.0 Так в темплейте demo <selected-status-patient :selected_status.sync="selected_status"> В компоненте selected-status-patient убрать data и добавить props: ['selected_status'] В data для demo инициализировать selected_status: demo.selected_status или в created методе компонента selected-status-patient selected_status = demo.selected_status

спасибо.

Видать по просьбе трудящихся вернули модификатор sync из Vue v1, здорово )))

take_to_repair.js:265 Uncaught TypeError: Cannot read property 'selected_status' of undefined

Убери весь код created, он не нужен. Я решил что demo в нем, это какой-то глобальный объект, а не инстанс vue

мне потом нужно проверять v-if="selected_status == 'Пациенты в очереди'"

в 2.1.4 работает sync?

подключил последнюю все равно не работает v-if

все разобрался

большое спасибо вам

https://github.com/Semigradsky/postcss-russian-stylesheets ?

https://github.com/Semigradsky/postcss-russian-stylesheets ?

css1c

What is your OS for work? Windows – 58 ??????? 47% Linux – 40 ????? 32% MacOS – 26 ??? 21% ? 124 people voted so far.

я последний раз, больше не буду, а то вчера выходной был

а сегодня разве не выходной?

Вроде не - рабочий

ну вот :(

официально рабочий

та, уже посмотрел, спасибо

до пятого - а потом снова гульки )

всем привет! Ребят подскажите , не могу сообразить. у обьекта есть свойство , от которого зависит disabled атрибут http://f6.s.qip.ru/lipRbmfO.png мне надо показывать или скрыавь этот аттрибут полностью. Как это лучше сделать?

v-if или v-show

судя по докам это можно применить к тегу или к template а не к атрибуту. попробовал template - ругается.

Сделай в data булевую переменную disabled, и уже в шаблоне пиши :disabled="disabled" v-show="disabled"

Например

гуд. пасибо!

https://www.youtube.com/watch?v=x1ySbc-ocRg

https://www.youtube.com/watch?v=x1ySbc-ocRg

как-то ни о чем)))

как-то ни о чем)))

Ну мне понравилось)