через axios

обьявить пустой масив в дата

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

а можно как то через vue resource ? Я просто уже его использую в этом проекте

и через него можно

можете пример дать ?

Всем привет :) У меня вот такой вот вопрос допустим вот есть сайт который мне отдает кучу элементов в json https://jsonplaceholder.typicode.com/posts как мне их запихать в массив data: { items: ['Item One', 'Item',и т.д. ]

Боже, пора, создать в доке Вью про это отдельный раздел

не доходит :(

Заходишь в доку Вью.

Там в меню конпка

Примеры

Среди примеров выбери что-то про гитхаб

Там пример того, как получить данные ассинхронно в дату

Народ, всем привет) Вопрос по webpack, во vue-cli выбирал настройку webpack-simple: у кого-то такое было, что при установке в объекте devServer свойства host, то не во всех браузерах работал этот дев сервер? Например, у меня в Microsoft Edge работает девсервер, а хром, мозила и тд, просто говорят, мол "страница недоступна".

хотя когда запускаю localhost:8080 по страндарту, то во всех браузерах норм работает

какая разница на каком порту слушать? На какой меняешь?

эмм там только один пример про коммиты из гитхаба и то таам нет того что я ищу :(

this.items.concat(data)

нет, не с портом проблема

ты это хочешь, чтоль?

а меня с localhost:8080, а скажем на somedomain.dev:8080

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

Вот

у меня только в Edge

работает

ну тебе не повезло

придется разрабатывать в edge)

но там фишка в том, что если оставляю вот в таком виде localhost:8080, то везде работает

а если меняю название домена, то работает только в Edge

Всем привет! Кто как хранит кастомные ошибки обработки, например, форм сервиса? Массив, Boolean?

ну это же смотря зачем их хранить. Странный вопрос

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

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

а можно как то через vue resource ? Я просто уже его использую в этом проекте

я думал vue-resource забросили) https://medium.com/the-vue-point/retiring-vue-resource-871a82880af4 вообще мне кажется правильно было бы сделать обёртку, внутри которой уже подставлять что нравится

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

я имел ввиду не открывается localhost:8000

ну все, скоро доби будет свободен🤷‍♂️

я имел ввиду не открывается localhost:8000

а, это хз

ну все, скоро доби будет свободен🤷‍♂️

на долго ли!

в идеале ни на сколько

парни, бывало у кого такое, что достаешь старый проект (версия 2.1), запускаешь npm run watch, он вроде всё собирает, ошибок не показывает, а в браузере localhost:3000 не запускает и изменения на лету не отображает, если проект в браузере смтреть через веб-сервер? Куда копать? Раньше всё работало

Разобрался. Файл webpack.mix.js не запускал browsersync

Всем привет! Использую vuematerial. Сделал отдельный компонент для диалогового окна. Только не знаю правильно или нет. Сейчас делаю так Кнопка и метод который она вызывает <md-button class="md-icon-button" @click="deleteOn( item.id)"> <md-icon>delete_forever</md-icon> </md-button> deleteOn(id) { this.bodysizeId = id this.showDelete = true }в диалоговом окне смотрю на showDelete с помощью watch watch: { showDelete() { this.openDialog() } }Сейчас все работает, но меня не покидает ощущение, что можно сделать проще.

@balalay12 я думаю нельзя, это же и есть vew->state->model. view -> state change (this.showDelete = true) -> action (watch)

я читаю тут: https://ru.vuejs.org/v2/guide/reactivity.html

Уу

😂😂😂

Эллочка Людоедка?

😂😂😂😂

Уу

Зато своя фишка. Молодец, чувак.

Вот пришло же как то человеку в голову поискать это))

Вот пришло же как то человеку в голову поискать это))

стало интересно как много его уканий в чате) Оказалось он и другие слова знает)

Народ, по моему вопросу. А если открытие закрытие диалогового окна оставить в родительском компоненте, а тело диалогового окна вынести в отедльный компонент - это нормально или не очень?

Народ, по моему вопросу. А если открытие закрытие диалогового окна оставить в родительском компоненте, а тело диалогового окна вынести в отедльный компонент - это нормально или не очень?

"открытие закрытие диалогового окна оставить" что это значит?

<md-dialog :md-click-outside-to-close="false" :md-esc-to-close="false" ref="deleteDialog"> <DeleteDialog v-on:fetchBodysize="fetchData" v-on:closeDeleteDialog="closeDialog('deleteDialog')" :id="bodysizeId" /> </md-dialog>

Народ, по моему вопросу. А если открытие закрытие диалогового окна оставить в родительском компоненте, а тело диалогового окна вынести в отедльный компонент - это нормально или не очень?

я всё делал в компоненте, а отображал её через v-if="showModal"

По мне должно быть так: Всё что касается компонента - должно быть в нём Из родительского спускать данные вниз или через State Содержимое подменять через слоты

Если делать все одном компоненте, то слишком большая портянка получается. Поэтому хочу вынести диалоговые окна в отдельные файлы

@balalay12 то есть - декомпозиция компоненты на 2 и более компонент? весь смысл раздеоения сущностей в том, что в одном файле разметка и слили и клей из js

Если делать все одном компоненте, то слишком большая портянка получается. Поэтому хочу вынести диалоговые окна в отдельные файлы

диалоговое окно это и есть отдельный компонент, в котором реализовано всё что его касается)

Если делать все одном компоненте, то слишком большая портянка получается. Поэтому хочу вынести диалоговые окна в отдельные файлы

диалоговые окн делать отдельными компонентами

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

Доброе утро всем, подскажите пожалуйста как собрать поля формы для отправки при использовании vuex и computed свойства. https://jsfiddle.net/maksimenka/eb2trqng/

Доброе утро всем, подскажите пожалуйста как собрать поля формы для отправки при использовании vuex и computed свойства. https://jsfiddle.net/maksimenka/eb2trqng/

Объект user надо в data хранить

Доброе утро всем, подскажите пожалуйста как собрать поля формы для отправки при использовании vuex и computed свойства. https://jsfiddle.net/maksimenka/eb2trqng/

v model

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

т.е. через set записать в data() { user: {}} ?

т.е. через set записать в data() { user: {}} ?

Как то так https://jsfiddle.net/eb2trqng/1/

Как то так https://jsfiddle.net/eb2trqng/1/

В том то и проблема, vuex так сделать не даст. У меня случай примерно как в доках: https://vuex.vuejs.org/ru/forms.html , только я хочу после редактирования всех полей отправлять, а не просто редактировать и отправлять при @input

@maksimenka то есть отправлять типа form on submit post

button on submin

интересует как лучше собрать данные из полей

Ну, у тебя же в дате лежат данные

Которые привязаны к полям через v-model

А в vuew 2.5 автоматически генерируемы еполя до 1 уровня могут чем-то помочь? my.address my.indexField

В том то и проблема, vuex так сделать не даст. У меня случай примерно как в доках: https://vuex.vuejs.org/ru/forms.html , только я хочу после редактирования всех полей отправлять, а не просто редактировать и отправлять при @input

а чем пример из доков не устраивает?

v-on Automatic Key Modifiers

а чем пример из доков не устраивает?

там ловится эвент и берется таргет вэлью, а мне надо собрать все поля формы и отправить

Simplified Scoped Slots Usage Previously we must use <template> in combination with the scope attribute to denote a scoped slot: <comp> <template scope="props"> <div>{{ props.msg }}</div> </template> </comp> The original reasoning was to avoid the ambiguity in the use of the scope attribute, because it can be confused for a prop if used on a component. However, the required <template> results in an extra level of nesting, which makes the syntax a bit verbose. In 2.5, the scope attribute has been deprecated (it still works, but you will get a soft warning). Instead, we now use slot-scope to denote a scoped slot, and it can be used on a normal element/component in addition to <template>: <comp> <div slot-scope="props"> {{ props.msg }} </div> </comp> Note that this change means that slot-scope is now a reserved attribute and can no longer be used as a component prop.

Ладно, буду разбираться, спасибо

там ловится эвент и берется таргет вэлью, а мне надо собрать все поля формы и отправить

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