
Alibek
25.03.2018
03:26:51
Привет всем! Меня зовут Алибек, и я только начал изучение vue
Хотел спросить насчёт роутер-вью. У меня на сайте есть два адреса "/" и "login". Я поставил transition для роутеров, и наткнулся на проблему. Когда я перехожу с "/" на "login", у меня грузит компонент "jumbotron" быстрее, чем начинается анимация. Как нужно правильно группировать роутеры, чтобы анимации были на все компоненты. Думал использовать transition-group, но не понял, как его использовать для роутер-вью

Google

Alibek
25.03.2018
03:32:40
можете помочь с анимациями, а так же объяснить, как правильно группировать роутеры и роутер-вью?
Спасибо заранее :3
Еще как можно добавить анимации, при переходе с this.$router.replace("login"). router-link to анимации работают, а replace нет

Ivan
25.03.2018
07:05:50

Alibek
25.03.2018
07:07:11
не помогает)

Иван
25.03.2018
07:19:33
такс
Есть ли для вью-сли шаблон для виджетов?
Порывшись в этих ваших интернетах я нашёл что самый феншуйный путь для создания виджетов на вью - это запаковать их в веб компонент и примотать полифилл
Но тут проблема в том, что для этого ещё ведь вебпак должен выплевывать весь оутпут в один (js) или два (js и css) файла

Alex
25.03.2018
07:27:19
https://github.com/vuejs/vue-web-component-wrapper вроде только vue файл нужен

Иван
25.03.2018
07:32:16
Ну эт все равно немного не то
Я хочу что б у меня был один js файлик, опционально css файлик
Этого с вью сли вообще можно добиться, или добро пожаловать в кастомный вебпак конфиг?

Google

Иван
25.03.2018
07:47:08
Блин
Вот такой скрипт добавить надо
"wc": "vue-cli-service build --target lib --name mainBlock src/wc.js"
В общем-то, со вью и не надо custom elements юзать
Достаточно либу сбилдить и дальше как обычно

Leonid
25.03.2018
08:44:40
Я уже не помню как это вылечил, но сам факт.


Иван
25.03.2018
09:44:10
Короче
Для cli-service есть таргет вебкомпонент, который автоматом билдит компонент в сингл js файл, который при инклуде сразу регает customComponent
Это все уже встроено и описано в доках https://github.com/vuejs/vue-cli/blob/dev/docs/build-targets.md
Но. Вообще, проще использовать таргет либ, который делает похожую вещь, но ничего не регает, надо вручную замаунтить получившуюся приложуху в дом. Для меня это сейчас наиболее удобный вариант (который к тому же не требует поддержки веб компонентов, что гуд, полифиллы ведь тоже что-то весят да ещё и хз насколько хорошо работают)
Это на случай если кому понадобится разрабатывать встраиваемый vue компонент
Для разработки такого компонента удобней всего использовать стандартный темплейт vue cli
С небольшим обвесом, в виде дополнительной команды в package.json вида "wc": "vue-cli-service build --target lib --name MainBlock src/wc.js",
В main.js мы как обычно маунтим наш компонент, а вот в wc.js, который лежит рядом, мы делаем так
import './vue'
import MainBlock from './components/MainBlock'
export default MainBlock
Во vue.js лежит вся предварительная настройка вью (миксины всякие и все такое)
#widget


Dmitry
25.03.2018
09:56:00
Иван, а у тебя сложный виджет?
Может поглядишь на Hyperapp для такой цели?

Иван
25.03.2018
09:58:54
Ещё один фреймворк изучать?)

Dmitry
25.03.2018
09:59:07
Там ничего го изучать вообще не надо

Google

Иван
25.03.2018
09:59:11
И тут в общем-то все по красоте получилось, надо было только чутка разобраться

Dmitry
25.03.2018
10:00:02
Там знакомый тебе виртуальный дум и фп
Это все в 1.3 кб

Иван
25.03.2018
10:00:59
Да ну нах, у него звезд меньше чем у вью)

Dmitry
25.03.2018
10:01:21
Хех, ещё бы

Иван
25.03.2018
10:01:40
Больше только у реакта, но тот я попробовал и ответственно заявляю:

Andrey
25.03.2018
10:02:44
Не разобрался?)

Иван
25.03.2018
10:03:09
Слишком хорошо разобрался
Вью сложнее реакта

Andrey
25.03.2018
10:03:38
Да. И динамичнее

Иван
25.03.2018
10:03:41
(ну, с точки зрения концепций, которые необходимо воспринять и осознать)

Andrey
25.03.2018
10:03:54
Видишь, одни минусы)

Иван
25.03.2018
10:03:55
Но гораздо удобней

Andrey
25.03.2018
10:04:14
Фломастеры.

Иван
25.03.2018
10:04:32
Ну тут можно поспорить
Объективно, компутеры - про мутабельное состояние
И попытки фб-макак заявить что иммутабельность это хорошо и вкусно - не очень

Andrey
25.03.2018
10:05:25
Лол.
Ну как знаешь)

Dmitry
25.03.2018
10:06:13
Всегда говорил что фп переоценено

Google

Иван
25.03.2018
10:07:14
Не, фп само-то ваще тема

Admin
ERROR: S client not available

Иван
25.03.2018
10:07:59
Потому что его, в отличии от какого-нибудь immutable.js делали не для того, что б можно было быстро сравнить две структуры на равенство с помощью === XD
И это кстати уже в огород js камень, в том же питоне такие извраты нах не нужны, потому что он знает как правильно сравнивать на равенство

Dmitry
25.03.2018
10:09:01
Давай лучше о другом

Иван
25.03.2018
10:09:16
О каком?

Andrey
25.03.2018
10:09:20

Dima
25.03.2018
10:09:32

Andrey
25.03.2018
10:09:45
Кекаю

Иван
25.03.2018
10:10:01
Питон - это питон. Хочешь, можешь и тру фп на нем запилить

RNR ?
25.03.2018
10:10:04
а что плохого в иммутабельности?

Dmitry
25.03.2018
10:10:13
Всем плохо от proposals которые пытаются протащиться в жс? Особенно сахарные конструкции разные

Иван
25.03.2018
10:11:05
Сахар - это то, что скрывает гнилую суть js
Так что пусть побольше будет

Dmitry
25.03.2018
10:11:15
Ну типа паттерн Матчинга

Andrey
25.03.2018
10:11:26

Dmitry
25.03.2018
10:11:32
Ну не, это же ебучий боейнфак

Andrey
25.03.2018
10:11:52
Это что?

Dmitry
25.03.2018
10:12:05
Я реально не понимаю даже с первых 20 минут че этот синтаксис делает
Это полструби то, который почти перлом может быть

Google

Dmitry
25.03.2018
10:12:36
После*

Andrey
25.03.2018
10:13:01
Ну, паттерн матчинг не нужен сейчас.

Анатолий
25.03.2018
10:18:15
А то как с айфонами. В жс появились лямбды и опциональные параметры, все радуются, а какие-нибудь шарперы недоумевают, у них это уже лет 5

Andrey
25.03.2018
10:19:22

Dima
25.03.2018
10:19:57

Dmitry
25.03.2018
10:22:44
https://github.com/tc39/proposal-bind-operator - наркомания.
https://github.com/tc39/proposal-pattern-matching - полный треш (потому что будет очень грязно в реальных примерах)
https://github.com/rbuckton/proposal-shorthand-improvements

Andrey
25.03.2018
10:23:39

Dmitry
25.03.2018
10:25:33
https://github.com/allenwb/ESideas/blob/master/Generator%20metaproperty.md
https://bmeck.github.io/proposal-hashbang/out.html ура, еще одни комментарии
https://github.com/tc39/proposal-partial-application