По моему, очевидно?

По моему, очевидно?

поделись) я писал из доков просто из примера

поделись) я писал из доков просто из примера

Оно говорит, что мутация должна быть функцией

computed обратится к вложенному как?

'data.level1' : function(){ return } ??

'data.level1' : function(){ return } ??

Омг. Не делай так.

Омг. Не делай так.

Как?

Как?

Не такие имена функциям.

computed:{ 'prop1.prop2' : function(){ return } } ???

Будет работать?

если модель имеет вложенность?

Мужики, что я не так делаю ? В индекс СТРАНИЦУ поставил вот такой кусов вода. <script> import axios from 'axios' export default { title: 'Hey there', async asyncData () { const {data} = await axios.get('https://jsonplaceholder.typicode.com/posts') return {articles:data} } } </script> Могу получить данные из этого api и отобразить. А если это же ставлю в Component тогда уже не работает. Что межет быть не так госопда ?

Cannot GET / - получаю на npm run dev

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

куда сатреть? че дялеть?)

const {data} = await axios.get('https://jsonplaceholder.typicode.com/posts') после слова posts точно не нужен слеш?

const {data} = await axios.get('https://jsonplaceholder.typicode.com/posts') после слова posts точно не нужен слеш?

Вроде как нет. На индекс странице работает же ...

Может быть такое что не будет работать это в компоненте ?

Ребят, может кто подсказать. Возможно ли, и если возможно то как в vue-resource сделать обработчик ошибок по умолчанию?

То есть что бы на post запросы пришедшеми с 4** 5** кодами срабатывал один обработчик для всего vue

computed:{ 'prop1.prop2' : function(){ return } } ???

так не будет. Можно вотчер на свойство повесить. Сделать компьютед отдельное свойсво нельзя

так не будет. Можно вотчер на свойство повесить. Сделать компьютед отдельное свойсво нельзя

да, я удж понял) Спасибо

по моему то вопросу идей нет?\

по моему то вопросу идей нет?\

курить доки ресурса

ну тип я покурил, там вообще чет на эту тему не нашел, ну или в глаза пролюбился =)

https://github.com/pagekit/vue-resource/blob/develop/docs/http.md#interceptors

https://github.com/pagekit/vue-resource/blob/develop/docs/http.md#interceptors

Блин

Есть два route-view, один из них для модальных окон с name=modal, как сделать их независимыми? Чтобы, например, основной route-view использовал history mode, а modal hash mode.

Отвечаю на свой вопрос. Вместо route-view name=modal создаю компонент modal-switcher с таким шаблоном <template> <login-modal v-if="$route.hash == '#login'"></login-modal> </template>

Понял

прошу прощения действительно пролюбился причем сильно

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

Кто подскажет как называется плагин для бабеля, где можно obj?.prop?.a писать? Мб чутка ошибся с синтаксисом, но я думаю, что выы поняли

Кто подскажет как называется плагин для бабеля, где можно obj?.prop?.a писать? Мб чутка ошибся с синтаксисом, но я думаю, что выы поняли

https://www.npmjs.com/package/babel-plugin-transform-optional-chaining

https://www.npmjs.com/package/babel-plugin-transform-optional-chaining

еее, спасибо большое ❤️

https://www.npmjs.com/package/babel-plugin-transform-optional-chaining

а что это? быстрая проверка obj && obj.prop ... ?

а что это? быстрая проверка obj && obj.prop ... ?

Да, чтобы цепочки делать удобно

https://github.com/pagekit/vue-resource/blob/develop/docs/http.md#interceptors

А в какой момент надо обьявлять Interceptor?

ну точнее в каком месте?

между Vue.use(VueResource) и самим использованием

Чет какая-то дичь, Vue.use(VueResource) обьявляю в main.js

пытаюсь сразу же Vue.http.interceptors.push(function(request) { console.log(request); return function(response) { console.log(response) }; });

Но оно без каких-либо ошибок просто блочит использоваие вью ресурс

Кто-то использовал kendo-ui для vue?

оо чувак. я как раз хочу после праздников это сделать для статистик-панели

по-моему один из наикрутейших UI-кит продуктов

оо чувак. я как раз хочу после праздников это сделать для статистик-панели

А сколько он стоит?

дорого. если вы хотите использовать в паблик проекте это будет стоить от 899 баксов вроде

В старом проекте где таблички, таблички и еще раз таблички юзается чистый Kendo UI. Какие-то кастомные вещи на нем сложно делать

дорого. если вы хотите использовать в паблик проекте это будет стоить от 899 баксов вроде

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

но в ней не все виджеты

да, есть триалка

ага

ну я купил его еще херову тучу лет назад за гораздо меньшую цену

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

А какие есть красивые/удобные чарты, можно платные

https://github.com/ankane/chartkick.js

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

Звучит как идея для стартапа

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

а если админка генерируется, какая разница на чем она будет сделана? есть такие штуки но на чем они сделаны - дело десятое

ЧТобы потом модифицировать под себя используя знакомый vue

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

ЧЯДНТ? import axios from 'axios' ... methods: { ... axios.get(api-service, { headers: { 'Access-Control-Allow-Origin': '*', 'Content-Type': 'application/json' } }) } Данные даёт, но в консоли ошибка Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

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

корсы на сервере должны быть

ЧЯДНТ? import axios from 'axios' ... methods: { ... axios.get(api-service, { headers: { 'Access-Control-Allow-Origin': '*', 'Content-Type': 'application/json' } }) } Данные даёт, но в консоли ошибка Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

хорошо ты придумал на клиенте этот хедер ставить =) но так нельзя)

ERROR: S client not available

хорошо ты придумал на клиенте этот хедер ставить =) но так нельзя)

я уже запутался, гуглил всякое

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

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

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

А ты почитай про CORS

И для чего оно

?

?

ахах Я все видел

а я всё пропустил, наверно гадость была какая-то :)

а я всё пропустил, наверно гадость была какая-то :)

род у аббревиатуры

Короче cors у тебя на бэке должен быть настроен

Короче cors у тебя на бэке должен быть настроен

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

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

Так убери cors заголовки из запроса. Тоже ошибка ?

Так убери cors заголовки из запроса. Тоже ошибка ?

Да. С ошибок и начались танцы с бубном

Бля , что то такое точно было, я так и не нашёл причину, ибо само прошло

Подорожник приложил

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

А куда запрос делаешь ? Это не твой сервис ?

ы

А куда запрос делаешь ? Это не твой сервис ?

не мой, kladr-api.ru

У меня со своим бэком магия была. Ну значит у них косяк. Ты с локалхоста запрашиваешь ?

не факт, надо читать документацию к апи, мб там нужен какой нить заголовок

для корса

или ключ апи

dataType: 'jsonp'

я бы попросил

или вот да

ы

хоть бы посмотрел в код плагина

$.ajax({ url: $.kladr.url + '?callback=?', type: 'get', data: toApiFormat(query), dataType: 'jsonp' }).done(function (data) { if (timeout) { callback(data.result || []); clearTimeout(timeout); } }); вот как они отправляют запрос. используется jsonp, чтобы обойти доменные ограничения. ну и сразу тебе скажу, что его саппорта в axios из коробки вроде нету)

if(Object.keys(json).length == 0) return ''; else return '?' + Object.keys(json).map(function(key) { return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]); }).join('&');