что за fetch функция

Нативная обёртка над XHR

Нативная обёртка над XHR

google it

google it

Што там, не XHR под капотом?

Што там, не XHR под капотом?

Хрен знает.

catсh сделай

может там ошибка сервера

Хрен знает.

А чё гуглить тогда?

почему response.json() не пашет?

А вообще советую взять axios и не ебать мозг.

А чё гуглить тогда?

Что это за функция.

ребята, подскажите мне по axios. Плиз

не понимаю что ты хочешь спрятать

Дефолт конфиг хочу скрыть

Что это за функция.

Я знаю, что это за функция

А вообще советую взять axios и не ебать мозг.

Зачем? Если фетч решает задачу?

Я знаю, что это за функция

А ответ тебе был?

Да

Ох, промазал. Извини.

что за fetch функция

google it

Исправился.

ребята, подскажите мне по axios. Плиз

Покажи код

Покажи код

можно сюда?

<script> var app = new Vue({ el: '#app', data: { messages: "loh.pidr", posts:[], }, mounted() { axios.get("https://jsonplaceholder.typicode.com/posts") .then(function(res){ this.posts = res.data; console.log('results: ', this.posts); }) .catch(function(error){ console.log('Error: ', error) }) } }) </script>

<div id="app"> <ul> <li v-for="post in posts" :key="post.id"> Post: {{ post.title }} </li> </ul> </div>

Зачем? Если фетч решает задачу?

А вообще в fetch мне не нравится обработка ошибок во многом. Это слишком низкоуровневый интерфейс.

<script> var app = new Vue({ el: '#app', data: { messages: "loh.pidr", posts:[], }, mounted() { axios.get("https://jsonplaceholder.typicode.com/posts") .then(function(res){ this.posts = res.data; console.log('results: ', this.posts); }) .catch(function(error){ console.log('Error: ', error) }) } }) </script>

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

Или про стрелочные функции

Фетч - это не замена высокоуровневым либам ни разу

Если xhr это асм, то фетч это максимум си

А axios уже хотя бы шарп

Вот вот. Поэтому руками его использовать больно.

А вообще в fetch мне не нравится обработка ошибок во многом. Это слишком низкоуровневый интерфейс.

Ну это же не значит, что чуть что нужно тянуть аксиос. В очень многих случаях достаточно фетча. Ну, по моему опыту, конечно, исключительно

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

как установить?

привет! а есть ли в lodash такая ф-ция которая позволяет переделать массив в объект, но с темы ключами как мне захочется, например [0, "url", "settings"] в объект { id: 1, target: 'url', element: 'settings'} пробовал через reduce, это немного не то)

Ну это же не значит, что чуть что нужно тянуть аксиос. В очень многих случаях достаточно фетча. Ну, по моему опыту, конечно, исключительно

Я предпочитаю не париться. Если я делаю запросы, то я беру axios. Потому что задачи на этой простоте не заканчиваются.

Прочитай сообщение.

>mode: "no-cors", Чёт меня непного эта строчка напрягает

Дефолт конфиг хочу скрыть

зачем?

это публичная информация

верней

нафига ты его выкладывашеь, если ты хочешь его скрыть?

что писать в config.json?

Ладно кажется я вкурил

Спасибо

привет! а есть ли в lodash такая ф-ция которая позволяет переделать массив в объект, но с темы ключами как мне захочется, например [0, "url", "settings"] в объект { id: 1, target: 'url', element: 'settings'} пробовал через reduce, это немного не то)

Тебе по идее zip нужен какой-то

?

Массив ключей, массив значений

На выходе объект

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

frontend такой геморный

родной iOS показался медом )))

Дело привычки.

Вот так выглядит мир без вендор-лока.

что писать в config.json?

как установить нормально этот axios?

npm install axios

npm WARN saveError ENOENT: no such file or directory, open '/Users/Desktop/VUE/package.json'

npm WARN saveError ENOENT: no such file or directory, open '/Users/Desktop/VUE/package.json'

Файл на месте?

что там долно быть?

Прочитай текст ошибки.

я создал пустой

я создал пустой

npm init

<script> var app = new Vue({ el: '#app', data: { messages: "loh.pidr", posts:[], }, mounted() { axios.get("https://jsonplaceholder.typicode.com/posts") .then(function(res){ this.posts = res.data; console.log('results: ', this.posts); }) .catch(function(error){ console.log('Error: ', error) }) } }) </script>

контекст потерян

вместо function(res) сделай (({ data }) => this.posts = data);

npm init

установилось

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

это надо пистаь?

и это import axios from 'axios';?

и это import axios from 'axios';?

^ просто это

или то или то

https://gist.github.com/zhanswift/4ea2f588d9a59b09e15fe89d904149c7

если пишу import axios from 'axios';

то выходит Uncaught SyntaxError: Unexpected identifier

то выходит Uncaught SyntaxError: Unexpected identifier

у вас просто опечатка

axOis

у вас просто опечатка

ну он на это строку указывает import axios from 'axios';

тут опечатка?

тут опечатка?

посмотрите текст ошибки

тут опечатка?

https://gist.github.com/zhanswift/4ea2f588d9a59b09e15fe89d904149c7#file-test-html-L24

модулей нет в обычном теге скрипт

в html странице вы не можете так импортировать

если ты так испльзуешь без вебпака

то тебе надо подключать с CDNа

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

или локально скрипт через src=""

да

так?

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>

https://gist.github.com/zhanswift/4ea2f588d9a59b09e15fe89d904149c7

так сделал

вместо эмита, изменять объект по ссылке — меня ждёт ад?

https://gist.github.com/zhanswift/4ea2f588d9a59b09e15fe89d904149c7

Вы документацию читали?

Добрый день! всем, кто использовал UI для vuejs что порекомендуете? нужно какое-то простое и быстрое решение (прежде всего интересуют такие штуки, как datapicker и autocomplete)

по AXIOS?

по AXIOS?

По Vue и по js