Гугли

хотел спарсить жсон и выводить с помощью v-for. но не знаю как сделать.

Или axios какой-нибудь

здравствуйте я еще новичок в vue. не подскажете как импортировать и спарсить json файл.спасибо заранее .

видимо ты новичок не только во vue, но и в js. Выучи хотя бы язык для начала

У него файл локальный скорее всего

через xmlhttprequest?

Вопрос о том как получить доступ к нему из компонента

У него файл локальный скорее всего

да

Require файла делаешь

Просто импорт делай и JSON.parse

Проект не локальный же

Скорее всего там будет динамика в джсоне какая-то

Пусть реквест выуч т заодно?‍♂

Может там локализации

?‍♂

Не пугайте новичка

First things first

А учить всю жизнь придётся

у меня просто проект в режиме development с вебпак. жсон файл у меня есть с main.js . попрбовал импортировать жсон все норм но ошибка выходить в жсон файле какото символ не тот. но в файле нет ошибок я проверил. другие может способы узнать хотел вот и спросил.

все норм но ошибка ))_

)))

Нюанс в общем в том как обрабатывается файл

В абстрактной ситуации тебе надо настроить file loader вебпака

Что бы он мог переварить json

И включить его в сборку

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

А дальше как и сказали - делаешь require файла

И JSON.parse содержимого

Результат кладёшь в data компонента

И выводишь

И сам файл ещё может быть действительно не валидным json

Можно просто настроить lint для проверки

понял спасибо большое

В app.vue всё норм, который закреплён за main.js, где инициируется vue

Пропобуй в другом компоненте его же отрендерить

В app.vue всё норм, который закреплён за main.js, где инициируется vue

У тебя вьютифай?

Чуваки, юзаю vuejs + webpack template. Вот я юзаю всякие ф-ии типа .map, .find и прочее. Они я так понимаю компилятся в es5, чтоб везде работало (я надеюсь). А как понять какие фишки я могу таки юзать, а какие нет, то есть есть же всякие es7, es8, экспериментальные фичи итп. В частности, мне нужно element.closest, что является эксриментальной фичей. И есть для нее полифил на сайте мозилы. Я вот не пойму: если я заюзаю это, оно у меня скомпилится так что будет везде работать, или нихрена?)

closest это что-то из мира джикверей?

Чуваки, юзаю vuejs + webpack template. Вот я юзаю всякие ф-ии типа .map, .find и прочее. Они я так понимаю компилятся в es5, чтоб везде работало (я надеюсь). А как понять какие фишки я могу таки юзать, а какие нет, то есть есть же всякие es7, es8, экспериментальные фичи итп. В частности, мне нужно element.closest, что является эксриментальной фичей. И есть для нее полифил на сайте мозилы. Я вот не пойму: если я заюзаю это, оно у меня скомпилится так что будет везде работать, или нихрена?)

Kangax ecma загугли

Чуваки, юзаю vuejs + webpack template. Вот я юзаю всякие ф-ии типа .map, .find и прочее. Они я так понимаю компилятся в es5, чтоб везде работало (я надеюсь). А как понять какие фишки я могу таки юзать, а какие нет, то есть есть же всякие es7, es8, экспериментальные фичи итп. В частности, мне нужно element.closest, что является эксриментальной фичей. И есть для нее полифил на сайте мозилы. Я вот не пойму: если я заюзаю это, оно у меня скомпилится так что будет везде работать, или нихрена?)

Заюзать и посмотреть меньше времени бы потратил, чем текст набирать

И смотри там поле babel

В хроме у меня эта фича запашет

Но это ориентир, там есть старая инфа

closest это что-то из мира джикверей?

да, но нативное

уже отвык искать по дому таким образом)

Чуваки, юзаю vuejs + webpack template. Вот я юзаю всякие ф-ии типа .map, .find и прочее. Они я так понимаю компилятся в es5, чтоб везде работало (я надеюсь). А как понять какие фишки я могу таки юзать, а какие нет, то есть есть же всякие es7, es8, экспериментальные фичи итп. В частности, мне нужно element.closest, что является эксриментальной фичей. И есть для нее полифил на сайте мозилы. Я вот не пойму: если я заюзаю это, оно у меня скомпилится так что будет везде работать, или нихрена?)

https://kangax.github.io/compat-table/es6/ же, ну и чекай всякие caniuse

caniuse не показывает babel, а kangax щас смотрю, спасибо

closest-та там вообще нет -_-

А он не в нормативах вроде

Поэтому нет

В caniuse есть же

сработало оказывается вообще не надо просить жсон. просто импортировал и передал в data и всё.)спасибо всем

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

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

В таблице этой найдёшь почти все

ну окей, спасибо)

Всем привет. Есть паблик системных админов? Пара вопросов возникла)

Привет, ребят работали с reduce(function(result, current) проблем не было?

в плане вообще ни чего не возвращает

Всем привет. Есть паблик системных админов? Пара вопросов возникла)

ДевОпс ?

ДевОпс ?

Не понял

Не понял

Есть чатик девопсов

гы) его то как раз и не хватает)

Есть чатик девопсов

Был бы благодарен за ссылку

Был бы благодарен за ссылку

https://t.me/devops_ru

https://t.me/devops_ru

Спасибо)

?

ERROR: S client not available

https://goo.gl/jbY4cN

но возвращает ""

https://goo.gl/jbY4cN

А что в тест?

там есть сверху, я специально вкинул

массив vue компонентов

там есть сверху, я специально вкинул

А, блин. Превьюшку открыл

Это какой то странный reduce

Это какой то странный reduce

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

Это какой то странный reduce

вот если разработчик с кривыми руками, то это возможно ;)

Зачем nextResult? Reduce обычно работает с одной переменной аккумулятором, который у тебя в result.

test.reduce((result, current) => { if (current.b) { if (result) { return result + "_" + current.b; } else { return result + current.b } } return result }, '') что-то вроде того у тебя должно быть

Благодарю, заработало!!!

что-то я был намутил)

есть у меня vuex. хочу подключить из vuex данные. но эти данные для начала нужно во vuex загрузить из REST API.

делаю это через действие и соответственно мутацию.

внимание вопрос: я подключаю данных из vuex - в несколько компонентов.

и когда в state - нет данных, я вызываю екшн.

но тогда я получаю сразу несколько дублирующих запросов к rest api

что я не правильно делаю?

Где ты делаешь сам диспатч экшена то?

в created компонента

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

http://prntscr.com/jazolf

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

да, их несколько.

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

А из них запрос убери

мне кажется, я не правильно использую vuex, мне кажется, я должен обращаться к getter-у, а тот уже, если state - пустой, то пусть загружает через екшн.

Опять же будет дублирование, разве что дополнительную обвязку сделать с какой-нибудь переменной, которая выставляется в load и запрещает отправлять запросы, пока она load. а так обычная концепция - это как раз то, что ты делаешь, только переместить всё это на уровень выше - на компонент, который не дублируется

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

наверное ты прав, друг! спасибо!