кто вкурил моё объяснение?)

Короче, хрен знает как у вас там все работает. При инициализации сторы вытаскивать куку, и класть ее в стору. (или юзать дефолтный фоллбэк) При смене языка - перезапись сторы и смена куки. Первый ушедший на сервак запрос переписывает значение языка на серваке.

Короче, хрен знает как у вас там все работает. При инициализации сторы вытаскивать куку, и класть ее в стору. (или юзать дефолтный фоллбэк) При смене языка - перезапись сторы и смена куки. Первый ушедший на сервак запрос переписывает значение языка на серваке.

как я и написал выше)

я перешлю переписку коллеге, т.к.не все знают Vue, а мне не доверяют полностью, что я знаю, не знаю почему, но чувствую это недоверие

а переписка в сообществе будет подтверждением моего подхода

Да пускай сюда заходит

Да пускай сюда заходит

напишу ему)

Привет! Подскажите пожалуйста, как мне использовать vue-cli и мой server-side код? Я так понимаю все просто запускают два процесса руками – свой node server.js и в другом терминале npm run dev. Но это же как бы не очень удобно. И как тогда в client-side vue указывать url сервера? Я же не могу прямо в файле написать localhost:8090/api, его же надо менять будет для production. Не понимаю. Спасибо!

Привет! Подскажите пожалуйста, как мне использовать vue-cli и мой server-side код? Я так понимаю все просто запускают два процесса руками – свой node server.js и в другом терминале npm run dev. Но это же как бы не очень удобно. И как тогда в client-side vue указывать url сервера? Я же не могу прямо в файле написать localhost:8090/api, его же надо менять будет для production. Не понимаю. Спасибо!

По-хорошему у тебя они должны быть разными проектами

Привет! Подскажите пожалуйста, как мне использовать vue-cli и мой server-side код? Я так понимаю все просто запускают два процесса руками – свой node server.js и в другом терминале npm run dev. Но это же как бы не очень удобно. И как тогда в client-side vue указывать url сервера? Я же не могу прямо в файле написать localhost:8090/api, его же надо менять будет для production. Не понимаю. Спасибо!

бэкенд отдельно, фронт отдельно. на фронте для dev делаешь прокси запросов на /api/ бэкенда

Понял, спасибо!

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

Столкнулся со следующей проблемо, при использовании v-if vue далеко не всегда чистит dom. Вот если реализовать следущий код и поклацать кнопкой, то в девтулзах хрома видно как растет количество дом элементо в документе. Vue иногда их чистит, но далеко не всегда. Когда в v-if показывается/скрывается кусок с обльшим dom дерево, это вызывает существенные проблемы по производительности и ресурсам. Не могу понять, как это в принципе решаться.

Столкнулся со следующей проблемо, при использовании v-if vue далеко не всегда чистит dom. Вот если реализовать следущий код и поклацать кнопкой, то в девтулзах хрома видно как растет количество дом элементо в документе. Vue иногда их чистит, но далеко не всегда. Когда в v-if показывается/скрывается кусок с обльшим dom дерево, это вызывает существенные проблемы по производительности и ресурсам. Не могу понять, как это в принципе решаться.

Можешь пример запилить какой-нибудь?

так на скрие весь код примера. Голый проект и vue-cli.

Вот весь код. В хромдевтулз если смотреть то видно, что Vue чистит за собой. Вернее чистит иногда, но не всегда.

На такой маленьком примере не критично, но у меня в продакшине по v-if показыватьеся дерево из 2000 нод, несколько раз кликнул, и вырисовывается реальная проблема.

То есть вы утверждаете, что v-if некоторые элементы не скрывает? Может клик быстрее перерисовки дома происходит?

Скорее отображение в девтул дома не успевает за кликом, там анимация же. Так смотреть некорректно

Господа, а объясните, в чем преимущество nuxt в spa-режиме (без ssr) перед старым добрым vue-cli развертыванием?

корректнее в обработчике клика в nextTick смотреть дом

Скорее отображение в девтул дома не успевает за кликом, там анимация же. Так смотреть некорректно

Вот да, я это имел ввиду

стаковерфлов лег

походу

время наебениться

стаковерфлов лег

Ну, все, завтра на работу можно не идти

стаковерфлов лег

Решения из вопросов лучше чем из ответов ?

а все почему, потому что швиндовс на бекенде

как они умудряются там ssr делать не понимаю

повешайте на свой h2 селектор какой нибудь и внутри клик onClick() { this.show = !this.snow; this.$nextTick(() => { console.log(this.snow); console.log(document.getElementsByClassName('myClass')); }) }

и узрите, что все с вью в порядке

С stackoverflow все в порядке

повешайте на свой h2 селектор какой нибудь и внутри клик onClick() { this.show = !this.snow; this.$nextTick(() => { console.log(this.snow); console.log(document.getElementsByClassName('myClass')); }) }

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

с v-show такой проблемы нет, но мне не подходит v-show, потому что в компоненте много вычислений, геттеров, и рендерить его когда он не показывается смысла нет.

С stackoverflow все в порядке

видимо AB тестировние. через тор работает, через впн - нет

с v-show такой проблемы нет, но мне не подходит v-show, потому что в компоненте много вычислений, геттеров, и рендерить его когда он не показывается смысла нет.

версия VueJS?

Попробую угадать, не работает в россии?

версия VueJS?

"vue": "^2.5.2",

Попробую угадать, не работает в россии?

я вот тоже сразу задумался. но впн до франции

"vue": "^2.5.2",

а, тогда я понял

а, тогда я понял

Делитесь, а то страдю от этого неимоверно. :)

"vue": "^2.5.2",

там течет память из за кэширования статических кусков. Я с пол года назад пилил ишью на этот счет: https://github.com/vuejs/vue/issues/7184

Делитесь, а то страдю от этого неимоверно. :)

так вот, это пофиксили

"vue": "^2.5.2",

в 2.5.9 если не ошибаюсь

Господа, а объясните, в чем преимущество nuxt в spa-режиме (без ssr) перед старым добрым vue-cli развертыванием?

удобный роутинг, middleware и layout-ы который не факт что тебе пригодятся, иначе говоря преимуществ нет

Спасибо, завтра буду обновляться. Очень надеюсь на то, что причина в этом. Хотя по внешним признакам очень пхоже.

Спасибо, завтра буду обновляться. Очень надеюсь на то, что причина в этом. Хотя по внешним признакам очень пхоже.

Почти наверняка в этом. Я тоже обнаружил по снапшотам, у меня было овер 500 дом элементов и память текла до 1ГБ если щелкать долго

удобный роутинг, middleware и layout-ы который не факт что тебе пригодятся, иначе говоря преимуществ нет

Спасибо, именно такое и было ощущение. Динамический импорт можно и самому припилить

Спасибо, завтра буду обновляться. Очень надеюсь на то, что причина в этом. Хотя по внешним признакам очень пхоже.

Как разберетесь, если не трудно, напишите мне в личку пожалуйста. Потому что если проблема не в этом, то меня тоже сильно интересует решение :)

Почти наверняка в этом. Я тоже обнаружил по снапшотам, у меня было овер 500 дом элементов и память текла до 1ГБ если щелкать долго

В том то и делом, у меня при каждом клике больше 2000 елементов. :)

Обязательно напишу. Спасибо.

В том то и делом, у меня при каждом клике больше 2000 елементов. :)

А вы список рендерите?

Там много всего внутри рендерится, список в том числе. А в списке еще графики в виде SVG.

Короче слишком много всего, что бы он не затиралось.

Я просто хотел виртуал скролл предложить для списков

"vue": "^2.5.2",

Это не установленная версия. Версию Vue можно посмотреть в dev тулзах, глянуть package.json в node_modules и в консоли Vue.version (не помню точный путь)

Я просто хотел виртуал скролл предложить для списков

Уже пробовали. Не спасает.

Это не установленная версия. Версию Vue можно посмотреть в dev тулзах, глянуть package.json в node_modules и в консоли Vue.version (не помню точный путь)

Вот этого не вполне понял. Более того, я проверял и собранные продакшин версии проблема тоже присутствует. Там точно эта версия.

Это не установленная версия. Версию Vue можно посмотреть в dev тулзах, глянуть package.json в node_modules и в консоли Vue.version (не помню точный путь)

Хотя стоит проверить...

Вот этого не вполне понял. Более того, я проверял и собранные продакшин версии проблема тоже присутствует. Там точно эта версия.

в файле node_modules/vue/package.json, в поле "version" какие цифры?

Блин. Detected Vue v2.5.16Detected Vue v2.5.16

А ведь только появилась надежда :)

Как разберетесь, если не трудно, напишите мне в личку пожалуйста. Потому что если проблема не в этом, то меня тоже сильно интересует решение :)

С версией я напутал, таки 2.5.16

А в какой версии стабильной в итоге этот фикс был?

?

А в какой версии стабильной в итоге этот фикс был?

Не помню точно :) вроде 2.5.9

Не помню точно :) вроде 2.5.9

ну он там промаркирован как 2.5.17-beta0 значит наверно не в 2.5.9

ну он там промаркирован как 2.5.17-beta0 значит наверно не в 2.5.9

2.5.10

https://github.com/vuejs/vue/releases

Значит причина не в этом у меня 2.5.16

ну он там промаркирован как 2.5.17-beta0 значит наверно не в 2.5.9

Там проблема была в том, что в кэшированном элементе была ссылка на компонент/элемент, которого нет, и сборщик мусора его не удалял и ноды росли бесконечно в таком кейсе

Ну вот у меня так и происходит.

Один в один, хотя иногда чистится. Но чаще всего не чистится.

Проблема нарисовалась кода пошли реальные данные а не тестовые, и на больших объемах это стало заметно.

Значит причина не в этом у меня 2.5.16

Но мне кажется, что ваша проблема это виток моей той проблемы. Вопрос. У вас в вашем списке есть элементы, на которых нет ни реактивных привязок, ни обработчиков?

Проблема нарисовалась кода пошли реальные данные а не тестовые, и на больших объемах это стало заметно.

<button>кнопка</button>

Вы вроде свг упомянули

Но мне кажется, что ваша проблема это виток моей той проблемы. Вопрос. У вас в вашем списке есть элементы, на которых нет ни реактивных привязок, ни обработчиков?

Вы можете легко воспризвести, я взял стандартный клиент, и просто добавил одну кнопку и один див с v-if внутри которого пару елементов. Элементы вообще без обработчиков, стандартные теги.

<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <button @click="show = !show">Show</button> <div v-show="show"> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> </div> </div> </template>

Это весь код. Стандартное приложение которое генерит cli

<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <button @click="show = !show">Show</button> <div v-show="show"> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> </div> </div> </template>

Я могу, но у меня нет под рукой ПК с тулчейном в данный момент

Это весь код. Стандартное приложение которое генерит cli

Попробуйте на ваши h2 повешать пустой обработчик <h2 :click="onClick"></h2> onClick() {}

<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <button @click="show = !show">Show</button> <div v-show="show"> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> </div> </div> </template>

Если больше ничего не течет, то я знаю в чем дело

<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <button @click="show = !show">Show</button> <div v-show="show"> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> <h2>test</h2> </div> </div> </template>

На всякий случай уточню, вы отслеживаете число объектов именно в памяти на вкладке Memory в девтул?

А ты в incognito mode делаешь?

Сдела, но результат тот же. Хотя странно что не растет количество ивентлисенеров.

А ты в incognito mode делаешь?

нет. а на что это влияет?

нет. а на что это влияет?

Плагины\расширения

Проверил в инкогнито. Тоже самое.

Обновляем вкладку.

Пощелка кнопкой.

А если <h2>{{ someProperty }}</h2> <h2>{{ someProperty }}</h2> <h2>{{ someProperty }}</h2> <h2>{{ someProperty }}</h2> <h2>{{ someProperty }}</h2> <h2>{{ someProperty }}</h2> <h2>{{ someProperty }}</h2>