У меня бы либа мегабайт весила тогда

С твоей логикой

какой хуйни? говорю то, что вижу в своем проекте

У меня бы либа мегабайт весила тогда

Говорю то, что есть

ну это наверно tree shaking отрабатывает, дублирование таки возможно, я выше линк на доку вебпака скинул

аналогично

И у тебя то же самое было бы

я поэтому эти ваши лодаши и не хотел брать

я поэтому эти ваши лодаши и не хотел брать

Ты дурачок

ага канешна

ради 1 метода брать либу огромную

дурачок я да

Причём тут это

даже не так

если ты так судишь, то ты дважды дурачок

я не буду щас сидеть чето тебе доказывать)

мне пох

потому что 1) можно импортить только один метод 2) один метод, заимпорченный в нескольких местах, вставится в бандл только один раз

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

впрочем, делай как знаешь

если у тебя бандл только 1 файл - да. а если несколько нет

https://webpack.js.org/plugins/commons-chunk-plugin/

пей чай

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

и надо явно вписать либу в коммон чанк

https://github.com/vuejs-templates/webpack/blob/fb39683846944f874244f88be4b05a1a2f1b7c96/template/build/webpack.prod.conf.js#L88-L90

?

он по дефолту в vue-cli есть

ну тогда в принципе все понятно почему бандл не растет)

Ребзя, подскажите плз, в доках не могу найти. У меня есть два типа возможных компонентов. С сервера тянется жисон, в котором куча разных данных. И там же есть указания на то, сколько и в какой последовательности будут эти компоненты идти. Суть в том, что компоненты не тривиальны (типа обычного текста и кнопки). Я их уже Vue.component(...) сделал. Так вот. Как генерировать шаблон экземпляра, чтобы теги компонентов <comp1></comp1> туда записывались? Или если оно как-то по-другому делается, можете тыкнуть в документацию? Извиняюсь за бескопойство

То есть ты хочешь на лету добавлять компоненты?

Нет, по-сути, один раз. В доках не сказано, есть ли у vue возможность запихнуть пользовательские элементы (вот эти хтмл в корневом экземпляре), до рендеринга в DOM, какими либо опциями и проч

Неуж это делается велосипедом с помощью хуков?

если я тебя правильно понял то 1 из вариантов это на основе json генерировать массив который отражает нужный порядок элементов и потом v-for по нему component is = element

другой вариант рендер функция

Ну типа смотри заранее я не знаю, как будет выглядеть корневой элемент: <div id='#app'> <component1></component1> <component3></component3> </div> или так: <div id='#app'> <component2></component2> <component4></component4> </div>

Но до работы вуе я конечно могу в dom велосипедом впилить чо нужно, но моветон же

<div id='#app'> <template v-for='c in components'> <component :is='c' ></component> </template> </div>

привет, я Тимур, ссылка была в чате у козули

но я не проверял работает ли)

components это массив с именами компонентов в нужном прорядке

Не осилил весь чат

Импортится деструктуризацией из лошади или андерскора

в компонент

components это массив с именами компонентов в нужном прорядке

пасиба большое

влюбился в vue ещё сильнее

дайье ссыль на чат козули

@yarossl бля, вчера только удалился оттуда

ну как так

а чего удалился?слушал недавно его в фронтерках, адекватный вродь

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

флуд да и только, а чатов у меня таких миллиард

ага, ок

Подскажите, есть ли какие то хуки приложухи которые раньше beforeEach от роутера вызываются? (beforeCreate позже) а то данные хранятся в локал сторедже, в начале хочу их грузить в стор самого vue, а в роутере проверять авторизован ли юзер, но получается что хуки роутера вызываются раньше чем я загружу данные в стор

сори за офтоп. по Node.js есть группа?

Шота туплю: можно определенный props передать в название class компонента?

сори за офтоп. по Node.js есть группа?

в личку

?

Шота туплю: можно определенный props передать в название class компонента?

Сам отвечу: :class="'some_class_name-' + props_name"

Сам отвечу: :class="'some_class_name-' + props_name"

https://vuejs.org/v2/guide/class-and-style.html#ad

Сам отвечу: :class="'some_class_name-' + props_name"

я например предпочитаю computed свойство передать туда

Всех приветствую. Интересует следующий вопрос. Хочу сделать скролл (плавный) к якорю в проекте с подключенным vue-router. Как это можно реализовать?

Пробовал скостылить таким образом $("#link").click(function () { $('html, body').animate({ scrollTop: $("#description").offset().top }, 500); }); но после перехода на другую страницу, этот скрипт не работает.

ERROR: S client not available

нужно вешать ивент не на сам линк, а на неизменный элемент страницы $(рут компонент).on("click", "#link", function(){ }); либо http://api.jquery.com/live/

зачем вам джиквери в проекте с ву? в роутере перехватывайье якорь и крутите к нему как угодно

scroll behavior smooth polyfill

scroll behavior smooth polyfill

или так

Всем спасибо за подсказки)

Пацаны вот вам задачка, только нужно не вводить код в консоли, а самому подумать

Что будет []+{}?

А такое правда на собеседованиях спрашивать могут?)

Что будет []+{}?

не глядя на вывод - String

все уже это видели, и {} + {}, и [] + [], и {} + []

да

Хз в чем смысл таких знаний, но по идее 1 Object object какой-нибудь (пальцем в небо)

это бессмысленные знания

Но вот что хочет проверить работодатель когда задают такой вопрос я не понимаю)

смысл есть спросить 1 + '1'

а также что делает ! Number() String() на разных типах, и что такое NaN и как его распознать

я бы спросил как работает .reduce

а также _.transform т.к. это самая ходовая функция в работе

transform? reduce, map, filter постоянно юзаю, но за трансформ слышу первый раз

lodash

transform? reduce, map, filter постоянно юзаю, но за трансформ слышу первый раз

+1

а, типо редьюса только для объекта?

тоже самое что reduce но без return carry

да, очень удобно на массивах

хм, оно типо делает мутации

как пример - через него можно забить new FormData

ох, ну в общем не знаю, я чтоб оценить всю прелесть reduce, мне пришлось реализовать reduce c помощью функций и области замыкая и парами

хекслет?)

да)

походу пары = хекслет

пример из кода: _.transform( [ 'headers', 'data', 'dataType' ], ( carry, property ) => { delete carry[ property ]; }, _.cloneDeep( params ) );