и выглядит странно, когда ты сначала используешь forEach, а потом for in

разделить на кучу функций с человеко понятными названиями

А как мне обойти обьект по другому,

?

Можно еще Object.keys и все вроде

под вынести в кучу функций

я имел ввиду те длинные потрянки в линейку

где ты там чето через find находишь

Там никак по другому

Про computed в примере: правильно, это геттер, в нем должно быть минимум логики: find, filter, форматирование: ${firstName} ${secondName} Но сами методы нужно отрефакторить. - Разбить на более мелкие методы. - Избавиться от глубокой вложенности keys(smth) => find(smth => smth.include() ... )) Пусть + к строчкам в методе, зато понятно, что в нем происходит.

итерировать обьект можно еще через object.entries() и Object.values()

под вынести в кучу функций

Кстати, а как Vue знает что нужно вызвать метод когда что-то обновляется в template?

Очень интересно, никак не могу понять

Кстати, а как Vue знает что нужно вызвать метод когда что-то обновляется в template?

реактивность

читай в доке

мазафака тивность

Он вызывает метод всегда, а если я использую computed то не всегда

computed кешируется, методы нет

изи пизи

Он вызывает метод всегда, а если я использую computed то не всегда

кеш

Кароч, там где нужно выводить какую-то зависимость от существующих данных - всегда нужно использовать computed

как я понял

Кстати, вопрос. Может странный. А как провалидировать массив Vue? помню в React с помощью PropTypes можно указать какой тип данных у вложенного обьекта, массива и т.п.

https://vuejs.org/v2/guide/components-props.html#Prop-Validation

https://vuejs.org/v2/guide/components-props.html#Type-Checks

Входные параметры? props? { arrMy: { type: Array, default() { return []; } } } для Object и Array default должен быть функцией

Входные параметры? props? { arrMy: { type: Array, default() { return []; } } } для Object и Array default должен быть функцией

+ свойство validate (или validation, не помню)

+ свойство validate (или validation, не помню)

validator))

validator))

Во, да

Давно на вью не писал :(

Давно на вью не писал :(

Я сам не так часто как раньше

Давно на вью не писал :(

Ангуляр?

Ангуляр?

м?

На чем пишешь сейчас?

На чем пишешь сейчас?

ой, я шас много чем занимаюсь и не всегда фрондендом. Внутренний стартап в небольшой компании растет и приходится браться за все - от настройки хэлпдеска, до разработки интернет-магазина.

ой, я шас много чем занимаюсь и не всегда фрондендом. Внутренний стартап в небольшой компании растет и приходится браться за все - от настройки хэлпдеска, до разработки интернет-магазина.

Главное что бы не на php5

Главное что бы не на php5

не, 7.2

??

ой, я шас много чем занимаюсь и не всегда фрондендом. Внутренний стартап в небольшой компании растет и приходится браться за все - от настройки хэлпдеска, до разработки интернет-магазина.

На реакт еще не ушел?)

На реакт еще не ушел?)

у меня пока нет так сервисов, где бы мне не хватало вью :)

Попробую ещё раз может кто с работы пришел и увидит. Пацаны есть проект на vue-cli и необходимость заполифилить бабелем несколько зависимостей. К vue-cli в целом претензий нет, тайпскрипт работает, клиентский код полифилится всё хорошо, но как, маму его, выборочно прогнать через бабель пару зависимостей? Поделитесь опытом ребят, а то я немного в замешательстве)

Где лайк поставить? xD

Лайк чему, у тебя такой же вопрос?)

Лайк чему, у тебя такой же вопрос?)

Я про пикчу

аа, забирай себе стикеры)

babel-polyfill это обертка над core-js

просто импортируй нужные полифилы из core-js

в энтри

нет энтри, нет вебпак конфига, есть команда vue-cli-service build и привет

но у тебя же что-то собирается xD

как это нет энтри

и я не слова не сказал про вебпак конфиг

Вакансии в @javascript_jobs

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

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

entry point - это по сути корневой файл, из которого собирается твой проект

именно это я ихочу узнать) доку по вью кли посмотрел — не нашел ничего, что бы мне помогло настроить полифилл нужных мне npm-пакетов

типо main.js

это я знаю бро

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

тебе скажи а ты не показываешь даже

говоришь нет энтри и не показываешь структуру свою

это я знаю бро

ты же выше писал, что ты не знаешь

сори может плохо вопрос задал, щя напишу

подробно)

https://github.com/zloirock/core-js вот короче core-js в корень закинь нужные тебе полифилы

Ребят, а есть какой-то более легитный способ прокинуть динамический props (не объявленный в props компонента), чем забрать его из this.$attrs?

да наверняка main.js

ERROR: S client not available

Ребят, а есть какой-то более легитный способ прокинуть динамический props (не объявленный в props компонента), чем забрать его из this.$attrs?

$attrs и есть твой способ

все, что не пропс, то атрибут

=) думал просто может есть что-то более интересное, что я упустил

если не хочешь, чтоб атрибут накидывался на корень компонента, то выставляешь inheritAttrs: false

окей, спасибо

ставим vue-cli. делаем vue create example-project и создаем проект. потом подключаем какую-нить модную зависимость а-ля swiper которй написан с использованием классов если юзать его как esm. теперь нам этот swiper надо заполифилить потому что ie 11не знает слов class и constructor

вопрос: как заполифилить этот swiper

ставим vue-cli. делаем vue create example-project и создаем проект. потом подключаем какую-нить модную зависимость а-ля swiper которй написан с использованием классов если юзать его как esm. теперь нам этот swiper надо заполифилить потому что ie 11не знает слов class и constructor

ты уверен, что это надо полифилить?

да, это боевой проект и требования ie11

я не смотрел swiper, но обычно логика такая, что либа уже заполифилина и использует вместо commonjs, es6 модули

да, это боевой проект и требования ie11

у тебя на ie11 ломается?

ага, в хлам

будь у меня обычный вебпак конфиг я бы настроил его на полифил нужных мне либ, но с этим vue-cli новым я хз что делать, нет у меня там никаких конфигов привычных

будь у меня обычный вебпак конфиг я бы настроил его на полифил нужных мне либ, но с этим vue-cli новым я хз что делать, нет у меня там никаких конфигов привычных

https://cli.vuejs.org/guide/browser-compatibility.html#polyfills

будь у меня обычный вебпак конфиг я бы настроил его на полифил нужных мне либ, но с этим vue-cli новым я хз что делать, нет у меня там никаких конфигов привычных

а ты не пробывал просто документацию vue-cli читать?

а ты не пробывал просто документацию vue-cli читать?

читал и пробовал это в том числе, работает только на клиентский код

я пробовал все опции оттуда чувак

By default, babel-loader excludes files inside node_modules dependencies. If you wish to explicitly transpile a dependency module, you will need to add it to the transpileDependencies option in vue.config.js: module.exports = { transpileDependencies: [ // can be string or regex 'my-dep', /other-dep/ ] }

читал и пробовал это в том числе, работает только на клиентский код

https://cli.vuejs.org/config/#transpiledependencies

и это ты читал?

By default, babel-loader excludes files inside node_modules dependencies. If you wish to explicitly transpile a dependency module, you will need to add it to the transpileDependencies option in vue.config.js: module.exports = { transpileDependencies: [ // can be string or regex 'my-dep', /other-dep/ ] }

не сработало, молча без ошибок — просто несработало

увы

если у тебя это работает — покажи ко

код

может я че не так понял

ты указал browser range?

{ "presets": [ ["@vue/app", { "browsers": ["last 4 versions", "ie 11"] }, "es2015"] ] }

.babelrc

https://cli.vuejs.org/config/#transpiledependencies

а вот мой vue.config.js

module.exports = { transpileDependencies: [ 'swiper', 'gsap', 'inputmask', ], productionSourceMap: false, };

правильно я его описал? из доки понял именно так, но не помогает