что за история?

что за история?

тут человек крыл матами автора vue-notification, т.к. у него ничего не работало из за того что он даже не осилил howto. Потом всё потёр

тут человек крыл матами автора vue-notification, т.к. у него ничего не работало из за того что он даже не осилил howto. Потом всё потёр

лол

v-cloak, нет?

Как можно v-html рендерить только после того, как успешно выполнится запрос с API? if(API.response === 'success') { выполнить v-html }

v-cloak, нет?

Первый раз про это слышу) сейчас чекну.

Хотя может я глупость сказал ;-D

Хотите "прикол"? Vuejs (а в частности Эван) хочет носить полифилы (тупейшие, а-ля Function.bind) чтобы с сайтом на vuejs работали скрапперы а-ля phantomjs

Ссылка есть?

а подскажите нубу, что не так с vue2.0 обновился до версии 2, получил ошибку [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in <Root>) перепроверил всё, нет никаких шаблонов кроме .vue в коде. в итоге упростил до такого: http://joxi.net/Dr8PMEnHkqLqlr и всё равно не работает, таже ошибка. Чего я не замечаю? вроде по докам в readly-only просто нельзя использовать html в template

Он тебе пишет, что ты используешь билд Vue, которы не поддерживает компиляцию шаблонов. В #item-edit лежит шаблон?

Хотя может я глупость сказал ;-D

Не получилось.

Братаны, а в vue-clie как юзають бету vuetify?

Тупо в package.json исправить версию и переустановить?

Но я в npm не вижу беты.

Но я в npm не вижу беты.

попробуй npm install vuetify@next

Спс, щас попробую.

Как можно v-html рендерить только после того, как успешно выполнится запрос с API? if(API.response === 'success') { выполнить v-html }

.then(response => response.status===200? renderHtml() : null) или типа того

всем привет)

.then(response => response.status===200? renderHtml() : null) или типа того

Cпасибо. правда у vue нету метода renderHTML, а так дал пищу для ума

Cпасибо. правда у vue нету метода renderHTML, а так дал пищу для ума

ну этот метод ты сам напиши всм, и назови как хочешь

Так директива v-html всё равно сработает

а нужно, что бы она сработала после success

а v-if/v-show то не подйдет ?

пишу vue-обертку над плагином intl-tel-input(https://github.com/jackocnr/intl-tel-input) сам плагин (два файла весом килобайт в 300) очень не хочу подключать в основной бандл, хочется грузить их асинхронно.(webpack 3 async import ) Пробовал варианты: 1) Подгружать в mounted хуке самого компонента-оберкти. Плохо тем, что подгрузка начинается в момент монтирования. Хочется, чтобы это происходило сразу после "парсинга"(запуска)основного бандла 2) Писать это плагином/вешать в mounted хук компонента-конструтора непонятно, как проверять в конечном компоненте-обертке, загрузились ли эти файлы. Прокидывать флаг загрузки через стор не хочу, ибо будет маразмом чутка. Можете что-нибудь посоветовать? Может, я в принципе что-то совсем не то делаю спасибо

да, что самое важное, очень не хочется отделять зависимости от компонента. То есть в одном месте их грузить, как-то чего-то писать в стор, потом в компоненте смотреть на какой-то флаг - это явно будет архитектурно убого. Почему я и посмотрел на формат плагина как "обертки" с вохможностью выполнения кода перед регистрацией компонента. Но как прокинуть флаг асинхронной загрузки в компонент из плагина - я не могу понять. :(

а v-if/v-show то не подйдет ?

та я даун и ньюфаг, всё из головы вылетает. Достаточно v-if Спасибо.

не, чувак, ты не понял, это беда. Это сильно увеличивает размер vuejs на каждом сайте для 1го сомнительного кейса

И он хочет впиндюрить это в основной бандл?? Чёт фантастика какая-то, учитывая, что у него там всё в модулярити.

Кто с jest и axios развлекался?

Кто с jest и axios развлекался?

Я не развлекался, но в чем вопрос?

В одном месте работает тест, в другом нет :D

думаю где туплю

И он хочет впиндюрить это в основной бандл?? Чёт фантастика какая-то, учитывая, что у него там всё в модулярити.

он называет это обратной совестимостью) И МОЖЕТ БЫТЬ ВСПОМНИТ ОБ ЭТОМ ПЕРЕД СЛЕДУЮЩИМ breaking release

Кто с jest и axios развлекался?

only axios, now

он называет это обратной совестимостью) И МОЖЕТ БЫТЬ ВСПОМНИТ ОБ ЭТОМ ПЕРЕД СЛЕДУЮЩИМ breaking release

Так а где инфа то?

он называет это обратной совестимостью) И МОЖЕТ БЫТЬ ВСПОМНИТ ОБ ЭТОМ ПЕРЕД СЛЕДУЮЩИМ breaking release

надо найти ищу, порыть и засунуть пять копеек за модулярити. Есть же эти ваши babel-polyfill

зайди в последние pr и закрытые issues

именно, полифилить не задача фреймворка

ребята, дайте совет

как реализовать аналог collapse плагина

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

но блоков много, поэтому v-if не подходит

да, что самое важное, очень не хочется отделять зависимости от компонента. То есть в одном месте их грузить, как-то чего-то писать в стор, потом в компоненте смотреть на какой-то флаг - это явно будет архитектурно убого. Почему я и посмотрел на формат плагина как "обертки" с вохможностью выполнения кода перед регистрацией компонента. Но как прокинуть флаг асинхронной загрузки в компонент из плагина - я не могу понять. :(

Расскажи, зачем тебе это нужно? Я че та не понял, что он делеает кроме как placeholder подставляет в зависимости от флага

Расскажи, зачем тебе это нужно? Я че та не понял, что он делеает кроме как placeholder подставляет в зависимости от флага

он умеет валидировать номера разных стран

то есть по набору цифр и выбранной стране(гватемала, например) - рассказать, правильный номер, или нет

то есть по набору цифр и выбранной стране(гватемала, например) - рассказать, правильный номер, или нет

А, он где то в коллбеке возвращает true/false?

он предоставляет статические методы, которые получают код страны + телефон и возвращают bool

то есть по набору цифр и выбранной стране(гватемала, например) - рассказать, правильный номер, или нет

Короче. Тебе точно это надо? И все страны нужны? Может какую-нить маску динамическую впилить?

да мне оно нафиг не нужно

а вот проект менеджеру позарез

а вот проект менеджеру позарез

Валидировать номера?

ага

Да уж

именно этой жуткой гугловской i18n

А нафига?

выпиливать невалидные номера из каких-нить регистраций/заявок?

на номер потом смска шлется может из этих соображений

другой вопрос, нафига на фронтенде это надо.. Но тут, к сожалению, у меня с правом голоса не особо

Че т бред. Я бы поговорил с манагером

так что вернусь к сути вопроса: как правильно асинхронно подгружать компонентые зависимости(

а не легче взять js`ки и впилить их в vue компонент ?

так что вернусь к сути вопроса: как правильно асинхронно подгружать компонентые зависимости(

code splitting / динамические импорты

jsки весят 280кб

в доке по вью есть пример

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

и в доке вебпака

ERROR: S client not available

и в доке реакта

секунду, подожди, я их читал. Давай доопишу ситуацию я смотрел на гвардов роутера

чуть не то

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

роутер тут вообще не причем)

jsки весят 280кб

70

ну, в принципе, тоже верно

тогда можно грузить в компоненте

70

это gzip вес?

это gzip вес?

нет. чистые js

а, так не 69кб весит сам плагин

рядом там такой милый utils.js от гугла на 220+

без которого нифига не работает

а вообще tel = () => import('./to/tel.js');

секунду, подожди, я их читал. Давай доопишу ситуацию я смотрел на гвардов роутера

https://ru.vuejs.org/v2/guide/components.html#%D0%90%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B

извините, может всё-таки кто-нибудь знает, что кроме использоватия template : "<div></div>" может вызывать следующую ошибку [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. ?

"тогда, когда в них возникнет потребность" и пользователь будет сидеть и ждать пока грузятся 300кб. Не круто. Хочется сразу после загрузки

извините, может всё-таки кто-нибудь знает, что кроме использоватия template : "<div></div>" может вызывать следующую ошибку [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. ?

Я ж тебя спрашивал про шаблон

извиняюсь, видимо пропустил

"тогда, когда в них возникнет потребность" и пользователь будет сидеть и ждать пока грузятся 300кб. Не круто. Хочется сразу после загрузки

а если создать "потребность" сразу после загрузки?

у меня во время инициализации vuex в цикле загружаются данные через вот такую конструкцию tel = () => import('./to/tel.js');

Он тебе пишет, что ты используешь билд Vue, которы не поддерживает компиляцию шаблонов. В #item-edit лежит шаблон?

нашёл. нет, в #item-edit лежит обычный html, который иногда перемежается со встроенными компонентами. но уже и этого нет. я перенёс #item-edit на пустой div <div> <div id="item-edit"></div> </div>

у меня во время инициализации vuex в цикле загружаются данные через вот такую конструкцию tel = () => import('./to/tel.js');

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

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

флаг isReady ?

куда?(

в стор еще могу предположить, хоть это и убого а больше вариантов не вижу

куда угодно.в js либу. в vuex

Я ж тебя спрашивал про шаблон

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

ещё странно, что сменить на compiled версию тоже не получается http://joxi.net/v29GplJCGgnYor

куда угодно.в js либу. в vuex

окей спасибо сейчас попробую последний вариант с отложенным созданием компонента + проверкой в шаблоне есть ли такой

если не выйдет, буду чз vuex флаги кидать