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

Как и всегда, все тоже самое. Меняется только импорт модулей.

Как и всегда, все тоже самое. Меняется только импорт модулей.

т.е если я буду в beforeUpdate при появлении новых данных инсертить строчку типо: <my-component></my-component> То я смогу добиться динамически добавляемых компонент?

Как ты импортишь модули сейчас? Реквайром?

Как ты импортишь модули сейчас? Реквайром?

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

пока что

Что имеешь ввиду под динамическими?

уже 100 раз писал: те, что я могу инсертить в дум, когда угодно, по типу $.append(), а когда станут не нужны - $.remove

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

Пардон, а зачем использовать jQuery в vue-проекте чтобы что-то в dom положить? Это как хороший исправный автомобиль поставить на ручник и лошадью пытаться буксировать...

Пардон, а зачем использовать jQuery в vue-проекте чтобы что-то в dom положить? Это как хороший исправный автомобиль поставить на ручник и лошадью пытаться буксировать...

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

А, про динамические компоненты понял. Но и без jquery оно прекрасно может быть реализовано :) А про "не тормозит" - ну лошадь таки потянет же)) другое дело - что это изврат :)

Компонент`ов`

А, про динамические компоненты понял. Но и без jquery оно прекрасно может быть реализовано :) А про "не тормозит" - ну лошадь таки потянет же)) другое дело - что это изврат :)

пофиг на jQuery мои выкладки про beforeUpdate и инсерт в дум - верны?

Rafael, если речь о том, что предложенным методом вы подгружаете компоненты, а потом куда-то их рендерите - то на первый взгляд это не сработает. Добавление в dom кастомного компонента вне контекста vue - откуда vue узнает, что вы что-то отрендерили и надо там произвести операции? Но это только мой первый взгляд, могу быть не прав. Что касается задачи - держать компоненты отдельно и при нужде подгружать - есть главный вопрос - это just for fun или сократить размер главного файла сборки, в остальные подгружать по нужде? Если оптимизация размера - то тут лучше с webpack потанцевать в сторону отдельных bundle'во. Но опять же, я немного не в теме вашего желания - зачем и что нужно от динамической подгрузки компонентов.

Чет меня глючит... или на гитхабе навбар стал черный

Я подумал что то с монитором

уже 100 раз писал: те, что я могу инсертить в дум, когда угодно, по типу $.append(), а когда станут не нужны - $.remove

Это реализуется просто в шаблоне через v-if или подобное. Выкладки не сработают.

пофиг на jQuery мои выкладки про beforeUpdate и инсерт в дум - верны?

нет

vue создаст шаблон из дома один раз, дальше работа будет с виртуальным домом

твои изменения в той части dom vue не увидит, можешь на простом примере в jsfiddle проверить

срань карочи, придется костылять :\

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

вот такая динамика

срань карочи, придется костылять :\

Что за задача такая, что не известно, какой компонент подключать?

писал же - вывод уведомлений

Компонет - уведомление, не?

Компонет - уведомление, не?

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

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

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

^

у тебя проблема общения между компонентами или что)

я может чего-то не понимаю, но я про вот такие уведомления

я хочу чтобы эта черненькая штучка была компонентой и желательно динамической статической я уже придумал как

текст "i am toast" откуда там?

Materialize.toast('i am toast', 4000)

http://materializecss.com/dialogs.html

ну блин, ты же понимаешь, что в vue это будет в data?)

я к этому клоню

ну блин, ты же понимаешь, что в vue это будет в data?)

понимаю конечно

я уже ору с вас, вы рассказываете очевидные вещи, а не отвечаете на вопрос

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

и ты в него можешь добавлять элементы и убирать

и когда элементов там нет, внезапно уведомлений не будет

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

а когда добавишь, появится

в реакте это можно сделать через вызовы рендер функции, как сделать это тут динамически -я не знаю, поэтому и спрашиваю

омг, ну дестрой вызывай каждый раз после, а перед создавай новую

вот и все

Rafael, если речь о том, что предложенным методом вы подгружаете компоненты, а потом куда-то их рендерите - то на первый взгляд это не сработает. Добавление в dom кастомного компонента вне контекста vue - откуда vue узнает, что вы что-то отрендерили и надо там произвести операции? Но это только мой первый взгляд, могу быть не прав. Что касается задачи - держать компоненты отдельно и при нужде подгружать - есть главный вопрос - это just for fun или сократить размер главного файла сборки, в остальные подгружать по нужде? Если оптимизация размера - то тут лучше с webpack потанцевать в сторону отдельных bundle'во. Но опять же, я немного не в теме вашего желания - зачем и что нужно от динамической подгрузки компонентов.

Как оказалось речь не об этом, но это ведь и есть нативная реализация бандлов вебпака.

омг, ну дестрой вызывай каждый раз после, а перед создавай новую

закроем тему, ты не читаешь вопросы, а отвечаешь на очевидные вещи, которые я уже давно 100 лет наза решил

ну да, зеркало кривое, что ж поделаешь

Рафаэль, ты можешь динамически создать компонент, добавить его элемент в dom и задать ему parent

И он будет в дереве vue

Рафаэль, ты можешь динамически создать компонент, добавить его элемент в dom и задать ему parent

а дистроить его как?

Я так с ячейками таблицы внутри datatables делаю

При уничтожении родителя он сам будет уничтожен

Но вообще странная проблема

Обычно создают toast container

При уничтожении родителя он сам будет уничтожен

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

Который неважно как получает тосты и их рисует

Ими же и управляет

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

Скрываем, потом удаляем

Остальное нарушает философию компонент

Компонент не должен сам себя уничтожать, он собой не владеет

Я тебя породил, я тебя и убью - в компонентном подходе только так

т.е допустим если пользователю хотим показывать не более 5 уведомлений, то тру вей, это создать сразу 5 тоаст компанент с v-show="false", а затем показывать когда нужно и скрывать когда не нужно, и так далее?

ERROR: S client not available

Нет

Правильный путь создать toastmanager который будет содержать эту логику и рисовать не более 5 компонент тостов

рисование осущетсвляется посредством других компанент или с помощью инъекций в дум?

Других компонени

все, понял, спасибо??

https://github.com/vuejs/Discussion/issues/254#issuecomment-121230063 https://github.com/vuejs/Discussion/issues/247#issuecomment-120363125 https://vuejs.org/v2/guide/components.html#Async-Components https://github.com/vuejs/vue/issues/679#issuecomment-70354185 https://github.com/vuejs/vue/issues/679#issuecomment-257087753

https://github.com/vuejs/Discussion/issues/254#issuecomment-121230063 https://github.com/vuejs/Discussion/issues/247#issuecomment-120363125 https://vuejs.org/v2/guide/components.html#Async-Components https://github.com/vuejs/vue/issues/679#issuecomment-70354185 https://github.com/vuejs/vue/issues/679#issuecomment-257087753

Это все про vue 1

https://github.com/vuejs/Discussion/issues/254#issuecomment-121230063 https://github.com/vuejs/Discussion/issues/247#issuecomment-120363125 https://vuejs.org/v2/guide/components.html#Async-Components https://github.com/vuejs/vue/issues/679#issuecomment-70354185 https://github.com/vuejs/vue/issues/679#issuecomment-257087753

Async-components тоже не то, что мне нужно было

Создаешь простейший компонент. В нем отображаешь первые пять нотификейшенов из стора. Каждые 5 секунд из стора удаляешь самый старый нотификейшен. Когда надо отобразить - пушишь в стор новый нотификейшн.

Асинхронные компоненты это балансировка загрузки приложение. Это не то.

Создаешь простейший компонент. В нем отображаешь первые пять нотификейшенов из стора. Каждые 5 секунд из стора удаляешь самый старый нотификейшен. Когда надо отобразить - пушишь в стор новый нотификейшн.

+1. Можно и без сторы

Асинхронные компоненты это балансировка загрузки приложение. Это не то.

Скорее ленивая загрузка

Она же code splitting

А как глобально добавить нотификейшен? Через шину?

Ну а ленивая загрузка или код сплитинг это балансировка загрузки :)

Да

Неважно как это реализовать, но по сути да

Коллеге нужна конкретика

2 миллиона загрузок https://github.com/open-source/stories/yyx990803

Коллеге нужна конкретика

Дай им рыбу - и они будут сыты один день. Дай им сеть - и они забросают тебя вопросами как правильно конфигурировать сеть, чтоб она приносила устрицы а не рыбу

я вот только знакомлюсь з vue и подскажите пожалуйста как мне правильно вызывать таймер, что бы изменять состояние, например каждую секунду делать i++ в функции рендер?

я вот только знакомлюсь з vue и подскажите пожалуйста как мне правильно вызывать таймер, что бы изменять состояние, например каждую секунду делать i++ в функции рендер?

https://ru.vuejs.org/v2/guide/instance.html#Диаграмма-жизненного-цикла думаю для этого больше подойдет mounted

https://ru.vuejs.org/v2/guide/instance.html#Диаграмма-жизненного-цикла думаю для этого больше подойдет mounted

спасибо

не каже

HTML генерируется динамически. На <a href> кликнули и попали в метод onclick. Неужели внутри метода onclick нельзя получить значение аттрибута из HTML, если он не привязан к данным? Например <a href rel="asd">. Как получить внутри метода значение rel?

ну т.е. неужели нет ничего похожего на $(this).attr('rel') ?

event.target.attributes

event.target.attributes.href тоже вроде можно

event.target.attributes.href тоже вроде можно

спасибо! Еще tagName, но ничего вменяемого в документации по этой теме не могу найти. Печально что нельзя использовать функции из jquery в связке event.target

говорят в первой версии можно было var clickedElement = event.target; clickedElement).addClass('asd');

я бы для управления классами все таки использовал функционал vue для этого

Да я понимаю все... ты прав конечно.