Это конечно не совсем про vue и не очень про .js, но может кто сталкивался.

Закешировать

Это не так то просто сделать, nuxt запускает свой сервер и не дает ничего конфигурировать, я бы вообще отключил этот code-splitting так как у меня прилага мелкая и он тут не нужен

Ребят, подскажите плз чем можно реализовать подобное поведение? http://www.goodboydigital.com/casestudies/razorfish/McD_100Moments/#

нубовопрос)) подскажите как удалить из data элемент словарика? var app = new Vue({ el: '#root', data: { items:{ 'item_id1' : {...}, 'item_id2' : {...}, 'item_id3' : {...}, } }, ... Надо удалить айтем по его id. Ну грубо говоря так delete app.items['item_id1'] пробовал по всяким советам из гугла, чтото не сработало ничего. В том какая-то хитрость есть?

vuex пока не юзаю

нубовопрос)) подскажите как удалить из data элемент словарика? var app = new Vue({ el: '#root', data: { items:{ 'item_id1' : {...}, 'item_id2' : {...}, 'item_id3' : {...}, } }, ... Надо удалить айтем по его id. Ну грубо говоря так delete app.items['item_id1'] пробовал по всяким советам из гугла, чтото не сработало ничего. В том какая-то хитрость есть?

тебе надо данные по другому организовать

[CATEGORY_DELETE] (state, categoryId) { let idx = state.list.findIndex(item => categoryId === item.id) if (idx >= 0) { Vue.delete(state.list, idx) } }

в список словарей?

как-то так )

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

state это ж vuex?

var app = new Vue({ el: '#root', data: [ {id:'item_id1', ...}, {id:'item_id2', ...}, {id:'item_id3', ...}, ], ... както так?

то пример из вьюкса, к задаче не имеет отношения ))

да, я пишу небольшой тест на минимальных батарейках, vueх нету

из списка удалять найди внутри элемента нужный id это получилось но не удобнаааа

[ { id: 1, name: 'Тестовый Журнал 0', year: 2000, count: 323, publisher: 'Default pulisher' }, { id: 2, name: 'Тестовая Журнал 1', year: 2001, count: 123, publisher: 'Default pulisher' }, { id: 3, name: 'Тестовый Журнал 2', year: 2011, count: 25, publisher: 'Default pulisher' }, { id: 4, name: 'Тестовый Журнал 3', year: 2011, count: 434, publisher: 'Default pulisher' }

типа так

удаляю так for (index = this.items.length - 1; index >= 0; --index) { if (id === this.items[index].id){ this.items.splice(index, 1); } }

просто думал по ключу получится сделать, удобней бдует

чет замудрено как то

ну а как лучше?

ну а как лучше?

https://jsfiddle.net/xhsycfpz/

вот собсна должно сработать, щас попробую

ну так оно на фидле же работает + остается с реактивностью)

а добавлить как? просто ка кновый ключ? this.items['newid'] = {...}

или через push

https://jsfiddle.net/e9axf2z9/ такой вариант более православный, так будет простой массив объектов и при удалении шукается его индекс

или через push

так, либо Vue.set (см. доку) Там есть раздел про работу с массивами

ок

https://jsfiddle.net/e9axf2z9/ такой вариант более православный, так будет простой массив объектов и при удалении шукается его индекс

Еще бы :key добавить

https://jsfiddle.net/3c75shbm/

не та ссылка)

https://jsfiddle.net/3c75shbm/

а смысл по item'у удалять? Через индекс проще

Вместо Vue.delete можно this.$delete, что б не импортить Vue в компонент

вообще лучше удалять через фильтр возвращая новый масив

ну это если любишь фп обмазываться

Народ вопрос про вообще "удаление". Имеется в ввиду удаление из модели, вью или virtual dom. Что есть удаление в вашем смысле?

Народ вопрос про вообще "удаление". Имеется в ввиду удаление из модели, вью или virtual dom. Что есть удаление в вашем смысле?

Модели. Остальное Vue сам сделает

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

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

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

это удобная форма записи Vue.delete

Да

Но она поддерживает реактивность

Надо будет сорсы посмотреть кстати ?

вообще лучше удалять через фильтр возвращая новый масив

Ну тут надо посмотреть, как Vue будет это рендерить, хотя на небольших списках это не так важно, я думаю.

угу, т.к. если это сахар - то он реактивен будет)

Вью вообще поддердиват все что угодно, кроме head, body и script, в том числе реактивность ;)

Вью вообще поддердиват все что угодно, кроме head, body и script, в том числе реактивность ;)

head, body - это ко вью вообще никак)

Да

как насчет vue -meta?

как насчет vue -meta?

а что именно интересно?)

Вью вообще поддердиват все что угодно, кроме head, body и script, в том числе реактивность ;)

я про это

vue-meta, vue-head

оу)

Наши каналы: Freelancer: @web_fl Веб Дизайн: @dev_design Верстка сайтов: @web_structure

Спасибо - дружно на них зайдем - жмем Report -> Spam

Наши каналы: Freelancer: @web_fl Веб Дизайн: @dev_design Верстка сайтов: @web_structure

На андроиде нет

кто может подсказать почему когда передаю шаблон через template, то props выводятся, а когда через render c тем же шаблоном, то props в шаблоне не видно https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ ??

У меня есть проект на нуксте, ну впечатления так себе, хочется больше контроля и бесит эта фигня с матчингом папок

https://github.com/ream/ream

кто может подсказать почему когда передаю шаблон через template, то props выводятся, а когда через render c тем же шаблоном, то props в шаблоне не видно https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ ??

Потому что ProductItem - это отдельный компонент, а в template - это текущий компонент.

Что бы отрендерить в ProductItem пропсы, их нужно передать аргументами в функции h

пример обновил, когда вторым аргументом в h передаю props они всё равно не отображаются, https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ

Привет всем

Какие русскоязычные ресурсы для обучения посоветуете?

Какие русскоязычные ресурсы для обучения посоветуете?

Офф доки

Этого достаточно, чтобы писать на vue

Спасибо - дружно на них зайдем - жмем Report -> Spam

в desktop версии есть эта функция? не нашел ghjcnj

кроме доков

кроме доков

Так больше ничего и не надо ?‍♂

пример обновил, когда вторым аргументом в h передаю props они всё равно не отображаются, https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ

Че та фигня какая-то. Ты глобально регистрируешь компонент Vue.component('product-item'). Потом внутрь него передаешь компонент ProductItem, у которого нет ничего, кроме шаблона. Чего ты хочешь та?

@c01nd01r идея такая что в ProductList в цикле выводятся ProductItem компоненты, в которые из ProductList передаются props (num,msg)

@c01nd01r идея такая что в ProductList в цикле выводятся ProductItem компоненты, в которые из ProductList передаются props (num,msg)

А зачем тебе вот этот Vue.component('product-item', {...} ? Че бы это не сделать в ProductItem ?

Посоветуйте что-то типа этого https://josephuspaye.github.io/Keen-UI/

Посоветуйте что-то типа этого https://josephuspaye.github.io/Keen-UI/

@Fl0pZz , твой выход

Посоветуйте что-то типа этого https://josephuspaye.github.io/Keen-UI/

Vuetify

Vuetify

Да! В 10ку!!!??✨

А зачем тебе вот этот Vue.component('product-item', {...} ? Че бы это не сделать в ProductItem ?

как тогда вывести несколько ProductItem на страницу, сейчас это в v-for выводится так <product-item :num="id" msg="сообщение"></product-item> ProductList.html

как тогда вывести несколько ProductItem на страницу, сейчас это в v-for выводится так <product-item :num="id" msg="сообщение"></product-item> ProductList.html

Ну вместо product-item должны быть ProductItem Импортируй ProductItem в ProductList и точно так же гоняй их в v-for

Сейчас посмортим, что за Vuetify такой

Спасибо

Всем привет! Кто-нибудь билдил на WEEX аппу под андроид?

Ну вместо product-item должны быть ProductItem Импортируй ProductItem в ProductList и точно так же гоняй их в v-for

попробовал такой вариант, сделал импорт ProductItem в ProductList.js, props всё равно не передаётся https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ

попробовал такой вариант, сделал импорт ProductItem в ProductList.js, props всё равно не передаётся https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ

Дружище, ты походу не понимаешь как работают однофайловые компоненты. Доку читал?

попробовал такой вариант, сделал импорт ProductItem в ProductList.js, props всё равно не передаётся https://www.webpackbin.com/bins/-KtvyvDYFoQ2xxX0xAsZ

Где у тебя в ProductItem.vue описание пропсов для этого компонента?

@c01nd01r читаю выборочно, по мере необходимости, спасибо за наводку про однофайловые компоненты, не знал как это называется. Добавил ProductItem.js с описанием props заработало, наконеец-то))

?

В vuetify стили не на scss. Это печально

Товарищи, эстетический вопрос. Я правильно понимаю, что пропсы и стейт в компоненте не могут называться одинаково ? И если делаешь логичное название пропсах, типа user, то будешь вынужден в data() жить с каким-нить уродливым dataUser ? И если делаешь себе красиво, то заставляешь того, кто будет использовать твой компонент мириться с тем, что надо писать какой-то :input-user= ? А чтобы вин-вин, то это никак ?

вин-вин - это когда только пропсы или только стэйты. Мешать в принципе не хорошо

Наши каналы: Freelancer: @web_fl Веб Дизайн: @dev_design Верстка сайтов: @web_structure

Дружно кликаем и жмем Report-Spam

мужики, кому надо - отличный редактор примеров на vue.js, чтобы не играть в глухой телефон - заходим, пишем пример - показываем! https://codesandbox.io/s/vue

Можете подсказать?

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

Сейчас у меня 2 мысли, сделать пагинацию через роутер, типо родитель будет читать текущий путь и передать номер страницы в этот контейнер и контейнер просто по номеру будет отдавать нужный объект по индексу