Да тут у нас просто дичайший холивар развернулся

Чаще всего вам нужен computed

С очень малой вероятностью watch

people, как часто вы используете underscore\lodash во vue-apps?

если это идёт в браузер, и используется меньше 65% библиотеки, и дедлайн не горит — то не использую. скорее всего можно написать свою функцию, которая будет занимать меньше места, а следовательно быстрее загружаться по сети. если же я прототипирую, или мне некогда заботиться о пользователях — использую. 4кб gzip, переживут.

Здравствуйте Есть вопрос по Nuxt.js Почему рендер функции доступные в браузере ? nuxtServerInit... Можно ли как нибудь разграничить ?

если это идёт в браузер, и используется меньше 65% библиотеки, и дедлайн не горит — то не использую. скорее всего можно написать свою функцию, которая будет занимать меньше места, а следовательно быстрее загружаться по сети. если же я прототипирую, или мне некогда заботиться о пользователях — использую. 4кб gzip, переживут.

Разве в этих либах нельзя загружать только то что тебе нужно?

Tree shaking все дела?

И вообще, зачем костылить самому если есть годные либы?

парниши мож сталкивался кто чего veeValidate не локализует поле при правиле confirmed:{target}? http://joxi.ru/Rmz5xEaCqNaVrO

http://joxi.ru/EA41zLqULNVqrb

Tree shaking все дела?

он только для модулей работает

к тому же определить, используется ли некая функция (из лодэш, например) — неразрешимая задача в общем случае.

В смысле? Что за бред?

Они же даже в разных файлах хранятся вроде как

import get from 'lodash/get'

и подгружаются по одной

Они даже в разных пакетах есть)))

вот вот

// Cherry-pick methods for smaller browserify/rollup/webpack bundles. var at = require('lodash/at'); var curryN = require('lodash/fp/curryN');

о, ну тогда да, кайф

вот вот

х2

х2

x3

Привет всем

Кто нибудь знает, куда перенесли репозиторий https://github.com/vuejs/vue-loader-example?

А о чем там пример был

к тому же определить, используется ли некая функция (из лодэш, например) — неразрешимая задача в общем случае.

Разрешимая

Ибо именованные импорты

Нашёл уже и сделал PR в доки.

Ибо именованные импорты

import _ from 'lodash' while (flag) { // бесконечный игровой цикл, например if (false) flag = true } // не запустится никогда, но мы из-за этого импортируем весь модуль (ну или отдельно взятую функцию) _.filter([1,2,3], f) на этапе сборки-компиляции нельзя однозначно узнать, используется ли lodash или нет. поэтому мы будем импортировать весь модуль, только потому что он упоминается в коде ниже. я вот про это говорил.

Так не работает :)

import { filter } from 'lodash'

Там же ради этого именованные импорты и сделали

Если вам нужна часть библиотеки

ну, я не конкретно про lodash, на самом деле, а про любую библиотеку.

Я тоже

Иметь дефолтный экспорт который включает в себя все вобщем то моветон

import { filter } from 'lodash'

вроде есть ещё import * для лентяев

А это вообще ещё не часть стандарта :)

import { filter } from 'lodash'

тогда должен быть граф зависимостей внутри модуля.

А он там и есть

Только пока конкретно для лодеша три шейкинг не осиливает

Только пока конкретно для лодеша три шейкинг не осиливает

лол

А он там и есть

как-то мне трудно представить, почему он работает, если в js есть всякие eval, copmuted-свойства итд. то есть динамические штуки, потенциально приводящие к использованию всего что есть в модуле.

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

Импорты обязаны быть статически анализируемы

Это требование стандарта

eval("import foo...")

Сделать невозможно

Т.е. построит ast мы уже знаем какие компоненты используются во внешних модулях

+ все импорты должны быть сверху

Внутри же модуля строится стандартное дерево вызовов. Естественно eval сразу ломает tree shaking внутри модуля, но кто ж его использует. При этом он же не ломает внешний tree shaking

+ все импорты должны быть сверху

Не обязательно

импорты обязательно

require не обязательно

Хм, ну ладно

ага ага

рафик

не зазубрил, да

на пересдачу пойдете

Не обязательно

Вроде как динамический import() из es6 тоже не обязательно

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

У кого работает @karma_chat_bot ?

Господа, че то я туплю, а есть простой способ сделать весь массив реактивным?

При инициализации этот массив объявляется в data как []

вот он уже реактивный)

Magic.jpg

ERROR: S client not available

Я тоже так хотел чтоб он был реативным. Но почему то нет. В data я объявляю пустой массив, а потом я кладу туда массив объектов полученный с сервера. И свойства этих объектов не реактивные.

Я читал доку. Но там только новые свойства 1 объекта.

Ммм... Как понять не реактивные, отслеживает всё

Ммм... Как понять не реактивные, отслеживает всё

+

Я тоже так хотел чтоб он был реативным. Но почему то нет. В data я объявляю пустой массив, а потом я кладу туда массив объектов полученный с сервера. И свойства этих объектов не реактивные.

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

понимаю. думаю сейчас как показать

Да наверное массив просто заменяешь

ну думай-думай

Через присваивание

Да наверное массив просто заменяешь

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

Но сам массив перестает быть реактивным, но это не точно

Если его модифицировать, да, все ок

Для массивов лучше set использовать

Вобщем я пока делал скрины и снимал видео с devtools нашел косяк

всем спасибо, извините за утренний затуп

Че было то

Я тупанул на бэкэнде. Он отбрасывал из json'а поля с нулями

Соответственно поле в объекте появлялось уже когда я его менял первый раз, но оно естественно не было реактивными

Если присоедениеть через mixins и присвоить массив полю из mixins оно будет не реактивно

Вчера на это наткнулся)

всем привет. Сделал пару страниц, на локалхосте выглядят и функционируют ок. Но build в папке static какой-то неправильный: открываю html и вижу белый экран. В консоли ругался на пути подключения файлов app.js, vendors.js, manifest.js - пути исправил вручную. Теперь ссылается но то, что не определен компонент. В итоге имею такой вид -- http://dl4.joxi.net/drive/2017/05/30/0016/3113/1055785/85/f2345b2c3b.jpg и ошибку в консоли Uncaught ReferenceError: VueSelect is not defined Что я делаю не так, какие тонкости компиляции?

это ты попытался index.html открыть в браузере?

ага

Konstantin тебе нужно изменить в вебпак конфиге assetsPath

там надо убрать слеш

чтобы оно сразу видело

твои файлы

Или запустить это на сервере...

ага

в конфиге вебпака написано, что он не рассчитан на запуск в таком виде. всегда нужен какой-нибудь static server. можно, кстати node-static попробовать.

можно поподробнее? я в вебпаке совсем днище. интересно понять принцип, чтобы смог доработать сборку и на выходе получать именно статичные html-файлы.

Они и так статичные

Просто по протоколу file:/// не открываются