примени для div в теге template

И что это поменяет?

v-for для template применяется, вы о чем вообще

И действительно... даже не обратил внимание

template - корень компонента, может быть только один

<template> <div v-for="t in text"> {{t.text}} </div> </template> Как теперь решить задачу с выводом одной строки?

Не решишь, но зато избавился от одной досадной ошибки

Не решишь, но зато избавился от одной досадной ошибки

Это да, спасибо. Но о какой другой конструкции вы писали?

v-for="(item, index) in myarray"

В экземпляре vue, есть опция data в которую можно поместить свои данные, которые непосредственно хочешь вывести (есть и другие опции типа computed), так вот меняя в data своё значение оно, будет обновляться и в темплейте. Конечно если ты то же самое значение из data укажешь в своём template

кажется, я неверно понял вопрос

Ну и меняй это значение в цикле

В документации есть раздел, синтаксис шаблонов, там объяснено как связать данные с шаблоном

В документации есть раздел, синтаксис шаблонов, там объяснено как связать данные с шаблоном

Ткните носом пожалуйста

Секунду

Добрый день. Подскажите пожалуйста стоящие курсы или выбинары по VUE

Если для начинающего, рекомендую видео курс от webformyself, сам по нему учил

Как перед выводом в компонент из хранилища состояния, обработать вывод? Провести через функцию, другуми словами.

Сделать computed

Доброе утро. Подскажите пжл следует ли использовать vue-resource при сабми е формы или это уже устаревшая техника

Вью все равно чем вы запросы делаете

Ткните носом пожалуйста

Упрощенно template: <div Id=“app”>{{ foo }}</div> Экземпляр vue: const vm = new Vue ({ el:’app’, data: ()=>({ foo: 0 }) }) Ваши итерации: for (let i = 0; i < lenght; i++) vm.$data.foo = i

Вью все равно чем вы запросы делаете

Ну типа модно использовать axios, а vue-resource вроде как deprecated.

Ну типа модно использовать axios, а vue-resource вроде как deprecated.

Так а что от нас вы услышать хотели)

Все правильно написали, некоторые до сих пор вью ресурс используют.

слушай, а зачем вообще BEM, если и так используется SCSS?

Это тот же цсс, просто удобнее. Но он не решает проблемы Серкис пользования компонентов и при неумелом использовании сделает только хуже

Доброе утро. Подскажите пжл следует ли использовать vue-resource при сабми е формы или это уже устаревшая техника

Да хоть jQuery.ajax. Если у вас лично нет проблем с выбором провайдера то и вьюху все устроит

Спасибо. А возможно ли получить доступ к данным формы из компоненты (если кнопка submit находится в шаблоне компоненты и соответственно ее нажатие обрабатывается в методе этой компоненты)?

В документации есть целый раздел, называется: работа с формами. Не поленитесь

Читал. Пробовал. Все примеры простые и хорошо работают. Когда начинаются вещи посложнее.... Начинаются проблемы. Думал может кто посоветует статью какую-нибудь или пример работающей формы с запросом. Мне кажется работающие примеры лучшие учителя??. ...гуглил много, не поверите... Нашел почти ответы на свои вопросы, но статья на китайском, а Гугл переводит плохо

Из-за чего может при обращении к геттеру vuex как к медоту, выбрасываться ошибка что это не метод? А как к свойству, то всё ок. Вызываю геттер в computed компонента. Сам геттер возвращает массив.

Ух какой у вас канал хороший. Много интересных ситуаций и решений по вью

ага, я тож как новый том Страуструпа читаю =)

Из-за чего может при обращении к геттеру vuex как к медоту, выбрасываться ошибка что это не метод? А как к свойству, то всё ок. Вызываю геттер в computed компонента. Сам геттер возвращает массив.

Проверьте импорты в компоненте, что-то вроде mapGetters и ...mapGetters внутри computed

Проверьте импорты в компоненте, что-то вроде mapGetters и ...mapGetters внутри computed

Не, это из-за того что не было входных параметров.

Спасибо

Читал. Пробовал. Все примеры простые и хорошо работают. Когда начинаются вещи посложнее.... Начинаются проблемы. Думал может кто посоветует статью какую-нибудь или пример работающей формы с запросом. Мне кажется работающие примеры лучшие учителя??. ...гуглил много, не поверите... Нашел почти ответы на свои вопросы, но статья на китайском, а Гугл переводит плохо

Гитхаб?

как использовать внутри sweetalert2 компонент?

Подскажите как сделать подобный эффект к приммеру this.showError = true; setTimeout(function () { this.showError = false; }, 3000);

Подскажите как сделать подобный эффект к приммеру this.showError = true; setTimeout(function () { this.showError = false; }, 3000);

Тебя смущает тайм-аут?

это просто не работает...

Потому что у тебя контекст this другой

Таймаут асинхронный

Используй arrow function

спасибо

Братишки Как использовть миксины? Вот мой пример: я храню модуль в папке mixins. Модуль имеет лишь один метод: sendAjax. Он отправляет пост запросы с параметрами или без. Его в других компонентах я импорчу и добавляю в миксинс. Мне более опытный разработчик сказал что это неправльный способ использования миксина и сказал просто отдельно сделать подобный модуль, и просто его импортить. У меня вопрос: разве это не одно и тоже получится? Как бы вы поступили?

Всем привет, Кто-нибудь делал такие (см картинку следом, или похожие на них) визуальные переходы между блоками? Дизы нарисовали, а как сделать чет не допру никак.

может имеет смысл примотать этот метод к Vue.prototype.$http?

(т.е. это по сути три волны, которые наслаиваются на верхний блок (который градиентный) и на нижний (который просто белый)

может имеет смысл примотать этот метод к Vue.prototype.$http?

какой-то костыльный вариант, не? Зачем-то лезть в протип vue…

svg пусть дизайнеры делают

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

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

svg пусть дизайнеры делают

а в svg - три волны сразу, полупрозрачные? и их кинуть чтобы налезали на оба блока?

аутентификацию/авторизацию, например, запихнуть

а в svg - три волны сразу, полупрозрачные? и их кинуть чтобы налезали на оба блока?

вот сразу вся конструкция в svg

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

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

Не, такое я точно делать не буду, не вписывается в общий стиль разработки. Мне просто нужно понять как миксины юзать и ПРАВИЛЬНО ЛИ Я юзаю их

+1 это пусть дизы мутят

спасибо ?

https://codepen.io/kinglisky/pen/pejopv https://codepen.io/uchardon/pen/bxbqoG

Всем привет. Подскажите, плиз. У меня, предположим, объект test в data. Мне к нему надо обратиться в Mounted, но проблема в том, что через this я обратиться не могу, так как обращение идет в цикле forEach и this там уже другой. Можно, конечно, создать переменную _this = this вне цикла и через нее обращатся, но может есть какой-то более правильный способ?

Стрелочная функция

Точно! Че сразу не подумал... Спасибо :)

Доброе утро всем - возможно ли делать подобное: Есть три div, обёрнутые в четвертый. По событию (клик) они становятся просто тремя div, не обернутыми в четвертый?

ERROR: S client not available

Парни, почему сборка webpack не компилируется в прод командой npm run build? в build/build.js: process.env.NODE_ENV = 'production'

Доброе утро всем - возможно ли делать подобное: Есть три div, обёрнутые в четвертый. По событию (клик) они становятся просто тремя div, не обернутыми в четвертый?

зачем

сделать можно то все, но зачем

сделать можно то все, но зачем

Да я в отчаянии почти. Мне нужен граф сети - роутеры, свичи, серверы. Я заюзал для этого vis js библиотеку. Там вроде все есть, но вот так сделать нельзя:

ну или сам колбась средствами css

или делай 2 блока просто

один скрывай-другой показывай

не стоит лишний раз в дом лезть просто так

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

Этот вариант плох, потому что неявный. Вот кто-то присоединится к команде и полезет код разбирать. И что такое $http? Там аксиос? Жиквери.аякс? Своя самописная реализация? Где-то лежит? Может внутри плагина устанавливающегося через .use() втихаря добавляется. На пустом времени кучу времени терять нужно. А вишенкой будет то — что эти разбирающиеся заявятся к вам отвлекать чтобы вы рассказывали. Если вам по приколу такое — пихайте все подряд в прототип) наобщаетесь)

не понял, вы не используете this.$http?

неа

у нас явно везде импортируется axios

вообще никаких проблем

и рассказывать другим как работают импорты не приходится

так можно сказать про все общие библиотеки и компоненты

есть же спецификации, документация

хехе) удачи

они вас все равно будут отвлекать, а вы вместо объяснения отправлять в спецификацию/документацию

win-win

Всем привет. Наткнулся на интересную вещь. Собрал проект с помощью vue-cli 2, в корне папки src есть файлик http.js, в котором есть код, который подключает стор. import store from './store' Стор находится в папке store в той же директории scr. А в самом сторе подключается файлик http.js И все работает. Попытался собрать все тоже самое в vue-cli 3, там видимо вебпак настроен как то иначе и в файле http.js подключенный store = undefined. Кто нибудь сталкивался с таким?

у нас явно везде импортируется axios

обычно axios в явном виде мало кто использует как правило пишется своя обертка над любым фетчером

обычно axios в явном виде мало кто использует как правило пишется своя обертка над любым фетчером

Если требуется — можно выносить работу с апи в отдельный слой. А если нет — можно не усложнять заранее

чтобы этот транспорт был абстрагирован от конкретной либы и ее можно было всегда заменить

Вот когда потребуется заменять — тогда предварительно для удобства можно вынести всю работу с апи в отдельный слой

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

А до тех пор не париться написанием бойлерплейта просто так

что вдруг мы в будущем решим одну либу на другую поменять

Если требуется — можно выносить работу с апи в отдельный слой. А если нет — можно не усложнять заранее

ну дело как раз не в усложнении, а в нормальном уровне абстракции между конкретной реализацией и ее использованием

на что только не пойдут разработчики что бы оправдать оверинженеринг