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

const windowsApp = new Vue({ el: '#windows', data: { windows: {}, newUrl: '' }, methods: { addWindow: () => { this.windows[new Date().getTime().toString()] = { url: this.newUrl }; this.newUrl = ''; }, removeWindow: () => { } } });

new Date().getTime().toString() - для теста

чтобы никто не орал)

Сори, не у компа. Не удобно. Создай правила в самом роутере

В доках есть

const windowsApp = new Vue({ el: '#windows', data: { windows: {}, newUrl: '' }, methods: { addWindow: () => { this.windows[new Date().getTime().toString()] = { url: this.newUrl }; this.newUrl = ''; }, removeWindow: () => { } } });

не понимаю, какую цель преследуешь?)

не понимаю, какую цель преследуешь?)

например сделать newUrl пустым

+ я без экстеншена, т.к. под ээлектроном и надо выкачивать и подключать отдельно, мне лениво((

Сори, не у компа. Не удобно. Создай правила в самом роутере

в роутах можно настроить данное поведение?

Hi)

Hi)

Привет)

Что тут у вас??)

Прив

Боже где я

Боже где я

тут)

А ну все нормально

Что тут у вас??)

мне подсказывают)

Я поняла)

в роутах можно настроить данное поведение?

Да

Продолжайте)

Прив

в роутинге можно настроить данное поведение?

Да

спасибо)

Before each

при использховании стреллчных функций в методах реактивность не работает!

beforeEach()

видимо из-за контекстов

Продолжайте)

давай с нами)

Давай)

Как раз админку делаю

beforeEach()

это метод роутинга, который прогружает роут, с которого был рефреш (F5)?

Ты выруби свой токен и настрой Приложение

Ты выруби свой токен и настрой Приложение

Ok)

использую v-for как получить индекс?

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

(item, index) in items

спс

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

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

(item, index) in items

верно

чето вуе легко идет

неужели офигенный фреймворк?

(item, index) in items

ещё :key можешь прицепить, если нужно)))

Пасаны, а как работаете с моделями во вью? Все примеры которые вижу используют чистый объект. Я себе представляю это, что в сторе после фетча данных с сервера я собираю свой объект, в котором реализована необходимая логика и его помещаю в стор.

Правильно ли это или есть что-то для моделей?

неужели офигенный фреймворк?

офигенный, только я первое реальное приложение делаю)

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

Так в beforeEach и запиши

Для валидации например, видел только отдельный пакет, который на директивах. Спорное решение

Пасаны, а как работаете с моделями во вью? Все примеры которые вижу используют чистый объект. Я себе представляю это, что в сторе после фетча данных с сервера я собираю свой объект, в котором реализована необходимая логика и его помещаю в стор.

v-model - собирай данный и отправляй их в actions стора

Так в beforeEach и запиши

спасибо, прочту про beforeEach роута

Larisa молчит)))

Она читает

)

Пасаны, а как работаете с моделями во вью? Все примеры которые вижу используют чистый объект. Я себе представляю это, что в сторе после фетча данных с сервера я собираю свой объект, в котором реализована необходимая логика и его помещаю в стор.

best practice для state -объект состояния должен быть сериализуемым, поэтому это должен быть plain object. Если я правильно понял тебя, то ты еще и методы там реализуешь, это неправильно

Может я не в тему, но кто нито знает как ноду настроить чтоб не перезапускать постоянно?? (

best practice для state -объект состояния должен быть сериализуемым, поэтому это должен быть plain object. Если я правильно понял тебя, то ты еще и методы там реализуешь, это неправильно

Правильно. Неужели потом при передаче в компонент надо передавать через сервис который будет собирать объект? Ведь если их много работающих с ним это оверхед.

опиши подробнее, пока непонятно

Хотя не особо оверхед

Может я не в тему, но кто нито знает как ноду настроить чтоб не перезапускать постоянно?? (

nodemon или forever

Может я не в тему, но кто нито знает как ноду настроить чтоб не перезапускать постоянно?? (

что именно?

Сервер

Может я не в тему, но кто нито знает как ноду настроить чтоб не перезапускать постоянно?? (

если хотрелоад, то browserSync довольно удобен, и браузер открывает

const windowsApp = new Vue({ el: '#windows', data: { windows: [], newUrl: '' }, methods: { addWindow: function() { if (this.newUrl.length < 1) return false; Vue.set(this.windows, new Date().getTime().toString(), { url: this.newUrl, invisible: false }) this.newUrl = ''; }, removeWindow: function (id) { this.windows.splice(id, 1); } } }); Vue.set говорит инвалид рендж

Ок

const windowsApp = new Vue({ el: '#windows', data: { windows: [], newUrl: '' }, methods: { addWindow: function() { if (this.newUrl.length < 1) return false; Vue.set(this.windows, new Date().getTime().toString(), { url: this.newUrl, invisible: false }) this.newUrl = ''; }, removeWindow: function (id) { this.windows.splice(id, 1); } } }); Vue.set говорит инвалид рендж

Почему ты юзаешь массив? когда используешь строковые индексы?

опиши подробнее, пока непонятно

Например. Есть участник конкурса и у него работы и работ номинации. В номинацииации выставляется количество баллов выданное за работу. С Бэка это прилетает одним объектом. Дальше от того как сошлись звёзды и какой сегодня день недели, надо добавлять коэффициент и группировать номинации. Т.е. работа знает о номинациях, участник о работах. В сторе я сохраняю чистые данные с сервера, так?

ERROR: S client not available

const windowsApp = new Vue({ el: '#windows', data: { windows: [], newUrl: '' }, methods: { addWindow: function() { if (this.newUrl.length < 1) return false; Vue.set(this.windows, new Date().getTime().toString(), { url: this.newUrl, invisible: false }) this.newUrl = ''; }, removeWindow: function (id) { this.windows.splice(id, 1); } } }); Vue.set говорит инвалид рендж

Юзай объект

Почему ты юзаешь массив? когда используешь строковые индексы?

для сплайсов

как из объект убирать поля?

delete this.windows[id]

не реактивно

this.$delete кажись есть

опиши подробнее, пока непонятно

User{works:[]}

ок сча чекну

ок сча чекну

https://vuejs.org/v2/api/#vm-delete

Например. Есть участник конкурса и у него работы и работ номинации. В номинацииации выставляется количество баллов выданное за работу. С Бэка это прилетает одним объектом. Дальше от того как сошлись звёзды и какой сегодня день недели, надо добавлять коэффициент и группировать номинации. Т.е. работа знает о номинациях, участник о работах. В сторе я сохраняю чистые данные с сервера, так?

я так понял ты используешь vuex

я так понял ты используешь vuex

Я пока ничего не использую. Читаю доки, и возникают вопросы.

что ты тогда подразумеваешь под стором, если ты не используешь vuex?

Пиплы, как называете мутации во вьюэксе?

mutations

SET_AUTH_TOKEN?

Его и подразумеваю. Будем считать что использую.

Пиплы, как называете мутации во вьюэксе?

в смысле именования?

SET_AUTH_TOKEN?

+

всё пошло поехало

спасибо

Ok)

https://github.com/gothinkster/vue-realworld-example-app

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

https://github.com/gothinkster/vue-realworld-example-app

Спасибо)

https://github.com/gothinkster/vue-realworld-example-app

Интрестинг

Его и подразумеваю. Будем считать что использую.

https://github.com/gothinkster/vue-realworld-example-app/blob/master/src/store/article.module.js#L52

вот тут допустим есть сервис и метод CommentsService.get(), внутри него делаешь запрос к апи, получаешь данные, трансформируешь к нужному виду и возвращаешь из метода

изолируйте бизнес-логику от vuex в сервисах

а лучше начните тесты писать, тогда сразу станет видно, где неправильно написано, потому что будет не протестировать)))

Подскажите какой сейчас UI kit для Vue лучше использовать. Я начал смотреть Keen UI, но он сложно и плохо кастомизируется на мой взгляд. Стоит смотреть Element ?

а лучше начните тесты писать, тогда сразу станет видно, где неправильно написано, потому что будет не протестировать)))

Спасибо

Подскажите какой сейчас UI kit для Vue лучше использовать. Я начал смотреть Keen UI, но он сложно и плохо кастомизируется на мой взгляд. Стоит смотреть Element ?

сейчас тебе скажут, что придется потом писать все самому :) лично от себя из готового могу порекомендовать поковырять Vuetify (если материал интересует) или Element UI