Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 January 16

MT

Miras Tleppaev in Nuxt.js — русскоговорящее сообщество
Ребята, подскажите кто как использует динамичный импорт? В рамках оптимизации пытаюсь урезать bundle, и увеличить google speed test.
1)
MyComponent: () => import from "~/components/MyComponent";
в итоге bundle только растёт, а скорость увеличивается.
где стоит использовать динамичный импорт? в страницах, в компонентах, или везде? имеет ли смысл использовать такой импорт в компоненте, который итак уже динамически импортируется в родителях?
2) куда вы ложите статику? как я понял лучше ложить все картинки/иконки в assets, вместо /static - чтобы вебпак их хавал и оптимизировал, но в итоге опять же bundle только растёт. 😄 Поделитесь опытом плз
источник

MT

Miras Tleppaev in Nuxt.js — русскоговорящее сообщество
Использую последний nuxt, анализ из nuxt build -a
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
так а что ты наанализировал? раз знаешь про анализ, почему не найдешь конкретную причину роста бандла?
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
динамический импорт имеет смысл для компонентов которые не повторяются между роутами
источник

MT

Miras Tleppaev in Nuxt.js — русскоговорящее сообщество
DreaMinder
так а что ты наанализировал? раз знаешь про анализ, почему не найдешь конкретную причину роста бандла?
проект очень большой, итак урезал всё что возможно, все плагины итд, а из-за большего бандела даже у лэндинга всё плохо по google скорости
источник

B

Bat in Nuxt.js — русскоговорящее сообщество
Miras Tleppaev
Ребята, подскажите кто как использует динамичный импорт? В рамках оптимизации пытаюсь урезать bundle, и увеличить google speed test.
1)
MyComponent: () => import from "~/components/MyComponent";
в итоге bundle только растёт, а скорость увеличивается.
где стоит использовать динамичный импорт? в страницах, в компонентах, или везде? имеет ли смысл использовать такой импорт в компоненте, который итак уже динамически импортируется в родителях?
2) куда вы ложите статику? как я понял лучше ложить все картинки/иконки в assets, вместо /static - чтобы вебпак их хавал и оптимизировал, но в итоге опять же bundle только растёт. 😄 Поделитесь опытом плз
и какую статику ты кладешь в assets вместо static?
источник

MT

Miras Tleppaev in Nuxt.js — русскоговорящее сообщество
Bat
и какую статику ты кладешь в assets вместо static?
картинки, иконки
источник

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
selectedCard: {
  handler(){
      console.log()
},
     deep: true
}
selectedCard - объект, вo vue консоли изменяется, а в watch не отслеживается
в чем может быть делО
источник

MT

Miras Tleppaev in Nuxt.js — русскоговорящее сообщество
Yura Silanov
selectedCard: {
  handler(){
      console.log()
},
     deep: true
}
selectedCard - объект, вo vue консоли изменяется, а в watch не отслеживается
в чем может быть делО
как ты его обновляешь ?
источник

I

Illia in Nuxt.js — русскоговорящее сообщество
Всем привет, кто использовал nuxt auth? Там можно создать стратегию как local, только свою? Допустим если есть 2 роута.
источник

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
Miras Tleppaev
как ты его обновляешь ?
удаляю/добавляю поле
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
Yura Silanov
удаляю/добавляю поле
как?
источник

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
м... точнее меняю поле, те
selectedCard.id1 = {a: 1, b: 2}
на
selectedCard.id1 = {a: 2, b: 3}
и добавляю

selectedCard.id2 = {a: 2, b: 3}
источник

MT

Miras Tleppaev in Nuxt.js — русскоговорящее сообщество
Yura Silanov
м... точнее меняю поле, те
selectedCard.id1 = {a: 1, b: 2}
на
selectedCard.id1 = {a: 2, b: 3}
и добавляю

selectedCard.id2 = {a: 2, b: 3}
this.$set(selectedCard, “id”, {a:2,b:3}
источник

V💊

Vladimir 💊 Voytenko in Nuxt.js — русскоговорящее сообщество
Yura Silanov
м... точнее меняю поле, те
selectedCard.id1 = {a: 1, b: 2}
на
selectedCard.id1 = {a: 2, b: 3}
и добавляю

selectedCard.id2 = {a: 2, b: 3}
так ты теряешь реактивность скорее всегою ↑ правильно подсказали как этого избежать
источник

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
если б я терял реактивность, то во вью консоли это было бы видно
к тому же по логике дальше все правильно работает, т.е. реактивность на месте
про set  я в курсе)
источник

А

Артем in Nuxt.js — русскоговорящее сообщество
что было бы видно? что не меняются значения? они могут вполне меняться и с потерей реактивности на следующем тике
источник

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
Арем, не очень вас понял
я уверен, что реактивность не теряется, потому что
1) во vue консоли видно, что объект изменяется
2) та логика, которая завязана, на изменении этого объекта исполняется
но именно watch не видит изменение объекта
источник

А

Артем in Nuxt.js — русскоговорящее сообщество
я не очень вникал в контекст, просто обратил внимание, что изменения в консоли вью не говорят о том, что реактивность не потерялась.
источник

А

Артем in Nuxt.js — русскоговорящее сообщество
у вас может и не потерялась
источник