@vuejs_ru
Liv24.04.2017
23:02:35
23:02:35
сейчас, используя прием из доки https://ru.vuejs.org/v2/guide/components.html#Циклические-ссылки-между-компонентами, я подключил компонент в beforeCreate, ошибки из консоли пропали, но скролл не скроллится, мышка крутится вхолостую, и стилизации полосы прокрутки не происходит. Если мышью тянуть полосу прокрутки - все скроллит, колесиком мотать - нет
а как можно npm пакет в codepen прокинуть?
Yury24.04.2017
23:05:13
23:05:13
А стили не забыл подключить?
Liv24.04.2017
23:05:51
23:05:51
я их вообще руками в свой css перетянул )
Google
Stanislav24.04.2017
23:06:29
23:06:29
Короче, я раскурил как работает keep-alive.
Кэширует он только динамические компоненты, а вернее компоненты, которые рендерятся в динамических компонентах.
Например, <router-view>.
Если обернуть его в <keep-alive>, то все повторные переходы на страницы будут взяты из кэша, с сохранением состояния страниц и компонентов внутри страниц. Это, кстати, отображается в Vue DevTools.
Из неприятного - кэшировать можно только детей динамических компонентов.
т.е. если обернуть <router-view> в <keep-alive>, то ему нельзя указать (даже с помощью атрибута include, условное кэширование), что бы он кэшировал конкретный компонент (потомка) на странице. В общем, все или ничего :)
Как и ожидалось, с Vuex'ом кэширование работает нормально.
т.е. если мутировать стейт, то закэшированный компонент так же обновится.а как можно npm пакет в codepen прокинуть?
https://unpkg.com/vue2-scrollbar@0.0.1/dist/vue2-scrollbar.jsLiv24.04.2017
23:27:16
23:27:16
вот что вышло https://codepen.io/livalex/pen/WpXpvL?editors=1011 За линк спасибо, но как приделать его в скрипт - не понял
все подцепил, сейчас на codepen именно такая ситуация, как у меня получилась в проекте. Что можно сделать, чтобы поправить?
Artyom25.04.2017
03:22:11
03:22:11
Ребят, всем привет. Вопросик! Вуе следует модели "От родительского компонента обращение к дочерним компонентам через свойство props". Допустим, у меня есть родительский компонент app и много дочерних компонентов hint ( подсказки) . Компонент app решает когда,какую и в какой момент показать hint. Каким образом через props это можно реализовать ?
Rafael25.04.2017
04:38:23
04:38:23
Alex25.04.2017
04:56:52
04:56:52
Ребят, всем привет. Вопросик! Вуе следует модели "От родительского компонента обращение к дочерним компонентам через свойство props". Допустим, у меня есть родительский компонент app и много дочерних компонентов hint ( подсказки) . Компонент app решает когда,какую и в какой момент показать hint. Каким образом через props это можно реализовать ?
Вот когда решает — передаёт данные компоненту хинта и начинает показывать или меняет флаг, от которого компонент начинает показыватьсяRafael25.04.2017
04:58:45
04:58:45
Fl0pZz/vv-toaster
https://github.com/Fl0pZz/vv-toaster/tree/master/src/components/default
А можно сделать как у меня
Artyom25.04.2017
05:23:40
05:23:40
https://jsfiddle.net/tj2hqryo/7/
Вообщем сделал что-то подобное. Потянет по такой логике?
Rafael25.04.2017
05:25:08
05:25:08
Andrey25.04.2017
05:43:45
05:43:45
Вопрос, как лучше обернуть компонент в темлпейт? То есть как-то лучше написать можно
<img v-if="isHomeRoute" src='logo.svg'/>
<a v-else href="#">
<img src='logo.svg'/>
</a>
Alex25.04.2017
06:25:39
06:25:39
а в чем суть всего этого?
GoogleRoma25.04.2017
06:30:17
06:30:17
Видимо, не переходить с главной на главную
Andrey25.04.2017
06:30:33
06:30:33
Ну типа на главной странице не делать из логотипа линк на главную
Alex25.04.2017
06:31:21
06:31:21
да пусть всегда ссылкой будет, чем это мешает
некоторый обновляют страничку так))) нажимая на логотип
Andrey25.04.2017
06:32:28
06:32:28
некоторый обновляют страничку так))) нажимая на логотип
как в spa это поможет? Если router-link, вместо a
Вишневый чай25.04.2017
07:27:04
07:27:04
когда включаю в отладчике тип устройства - мобайл - скрол вообще отваливается
Rafael25.04.2017
07:32:07
07:32:07
Rafael25.04.2017
07:33:22
07:33:22
Ну я просто ворвался в чат
Yaroslav25.04.2017
08:44:43
08:44:43
В общем други, такой нюансеГ. Если у вас приложение с динамическими роутами, то собраный js в index.html должен подключаться как <script type="text/javascript" src="/bundle.js"></script>. Слеш в начале обязателен даже если файлы лежат рядом. Если отдельно в пвпке то '/js/'. Иначе динамеческий роут с адресной строки будет бить анэкпектед ерор
Daniil25.04.2017
08:51:57
08:51:57
Разве это не дефолтный способ записи пути к файлам в корневом каталоге?
Denis25.04.2017
09:10:10
09:10:10
Konstantin
i25.04.2017
09:54:03
09:54:03
Yaroslav25.04.2017
09:56:15
09:56:15
Я не пробовал. Как бы протестить - 2 минуты
Nikita25.04.2017
10:48:51
10:48:51
Ребят, скажите пожалуйста, как узнать длину <div>.
Внутри компонента, само собой.
this.$el.querySelector('.colour').offsetWidth;
GoogleNikita25.04.2017
10:50:38
10:50:38
?
Artyom25.04.2017
10:54:49
10:54:49
document.querySelector
не ?
Nikita25.04.2017
10:55:21
10:55:21
так если бы я знал - я бы не спрашивал, логично?
Diasko25.04.2017
10:56:47
10:56:47
Nikita25.04.2017
10:58:52
10:58:52
@Diaskooo спасибо большое!
Nikita25.04.2017
11:31:00
11:31:00
Всем доброго дня!
У меня небольшой вопрос, если что направляйте в доку, не заметил беглым взглядом по разделу))
Есть ли возможность применять переходы при смене текстовых значений через мустачез выражения в шаблонах и при смене атрибутов элементов (src, например)?
Nikita25.04.2017
11:42:42
11:42:42
"when items are inserted, updated, or removed from the DOM"
это да. хотелось уточнить просто, чтобы понять, читать все таки всю доку по переходам или же не стоит пока))
спасибо)
Maksim25.04.2017
11:46:37
11:46:37
Пацаны, с чистого vue на nuxt долго переносить проект(классический новостной, категории всякие, теги, если грубо говоря рамером с ленту.ру)?
Maksim25.04.2017
11:46:50
11:46:50
размером*
Нужен просто сср, а на нативном vue чет как-то не клеится
Или я просто даун (this)
Gaiaz Iusipov25.04.2017
11:49:47
11:49:47
@xanf_ua подскажи пожалуйста, если есть SPA и некоторые страницы со сложными связями между своих страничных компонентов, думаю задействовать vuex.
Как правильно: 1) один глобальный менеджер на прилоежние
2) у компонентов свои собственные инстансы менеджера состояния
Illya25.04.2017
11:50:03
11:50:03
если vuex то один
Gaiaz Iusipov25.04.2017
11:50:21
11:50:21
GoogleIllya25.04.2017
11:50:41
11:50:41
мне nuxt не нравится. Но меня не слушайте, я странный
Illya25.04.2017
11:51:04
11:51:04
а без vuex ничего не выйдет
независимо от того nuxt, или чистый vue
вам нужен механизм доставки слепка состояния с сервера на клиент при ssr
AdminERROR: S client not available
Maksim25.04.2017
11:51:43
11:51:43
ну инкапсулировать из компонентов дату и перенести в vuex не думаю что долго или сложно
Illya25.04.2017
11:51:56
11:51:56
не так все просто (:
а после того как вы это сделаете - в общем-то все равно брать nuxt или писать ssr самому
там логика одинаковая
берите nuxt если не понимаете как работает ssr
Maksim25.04.2017
11:54:22
11:54:22
Просто я нашел пример, из компонента ПоследниеНовости вытащил, все сделал c vuexom(именно этто компонент пока что), но рендерит только скелет, т.е. например :to="undefiend" будет, вместо :to="/kudanibud"
Я понимаю, чсто скорее всего что-то не так было с preFetch'ом, но я так и не понял что
Like25.04.2017
12:09:22
12:09:22
Пишет кто на typescript ?)
Rafael25.04.2017
12:10:16
12:10:16
2 раза пытался, два раза разочаровался
Like25.04.2017
12:10:21
12:10:21
Не стоит?
Rafael25.04.2017
12:10:38
12:10:38
для себя я пока решил, что рановато
Like25.04.2017
12:10:51
12:10:51
А в целом
GoogleRafael25.04.2017
12:10:51
12:10:51
изучу js уйду в ts
andretshurotshka?❄️кде25.04.2017
12:14:27
12:14:27
$FlowIssue вам всем
Andrey25.04.2017
12:16:34
12:16:34
А в чем прелесть статической типизации в js, что бы было меньше веротности выстрелить себе в ногу?
или там прям реально память ограничивается типом и все такое?
Stanislav25.04.2017
12:17:06
12:17:06
Andrey25.04.2017
12:17:32
12:17:32
просто мне как "мимо проходил" попыка ввести в динамический язык статическую типизацию это типа "натянуть сову на глобус"
Stanislav25.04.2017
12:17:37
12:17:37
есть еще такая штука, как оптимизация в движках JS, которые сильно ускоряют код, если заранее знают какие типы используются
Illya25.04.2017
12:17:39
12:17:39
А в чем прелесть статической типизации в js, что бы было меньше веротности выстрелить себе в ногу?
в наличии явно декларированных и проверяемых контрактовкак во время выполнения, так и во время написания код
Andrey25.04.2017
12:18:09
12:18:09
в наличии явно декларированных и проверяемых контрактов
ну тоесть это по факту типа линтера, или он у рантайме тоже что-то проверяет?Illya25.04.2017
12:18:22
12:18:22
Линтер понятия не имеет о структурах данных
Открыть в Telegram