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

При открыти роута первый раз происходит весьма заметный лаг из-за этого

Nuxt следует Resolve data before route navigation, я хочу Fetch data after the matched view is rendered

https://ssr.vuejs.org/en/data.html

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

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

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching?hl=ru

Чятик, ты умный, подскажи. Есть карта и есть svg-маркеры на карте. Рядом с svg-маркером могут располагаться надписи. Так как карта пестрая, то, понятное дело, эти надписи должны иметь контрастную тень (в моем случае черные надписи и белая тень). Как бы ее сделать? Можно 1) рисовать надпись два раза со смещением, первый раз черную, второй раз белую, 2) выставить stroke: white у надписи и 3) сделать роскошный svg-эффект при помощи всяких feGaussianBlur

Это конечно не совсем про 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)

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

Как бороться со спамом в Телеграмм