MDD - миксин дривин девелопмент

MDD - миксин дривин девелопмент

:D

Ахахахахахах

Миксиновый подход

Тогда в Vue нужна иерархия методов

Неймспейсы, как в Vuex

Это уже реально получается ооп

Причем с отсылкой на пхп (неймспейсы)

Ну так сделай PR :D

Бло, как бы сделать не костыльно компонент пагинации, чтобы в него можно было пихать кастомные компоненты как элементы

Бло, как бы сделать не костыльно компонент пагинации, чтобы в него можно было пихать кастомные компоненты как элементы

Why not to: <Pagination switchToPage=loadPage items=items> <template scope=item> <Item item=item> </template> </Pagination>

https://vuejs.org/v2/guide/components.html#Scoped-Slots

Why not to: <Pagination switchToPage=loadPage items=items> <template scope=item> <Item item=item> </template> </Pagination>

я так сделал

но чет стремно выглядит

Ребят. Вопрос конечно не по Vue (я так думаю).Но после того как верстку на Vue натянул, перестал работать скролл мышкой. Колесико исправно. Как найти что блокирует скролл?

Ребят. Вопрос конечно не по Vue (я так думаю).Но после того как верстку на Vue натянул, перестал работать скролл мышкой. Колесико исправно. Как найти что блокирует скролл?

EventListener'ы посмотреть %)

печаль... отключил keen-ui - он единственный кто мониторил scroll

но проблема осталась

закрыть страницу и открыть

не пробовал?

но чет стремно выглядит

попробуй написать Vue.component('ItemTemplate', { template: '<template scope=item>…</template>' })

интересно, скоуп проброситься или нет…

закрыть страницу и открыть

блин, точно! помогло! спасибо тебе!

?

это из-за hotreload глюк вроде бы

попробуй написать Vue.component('ItemTemplate', { template: '<template scope=item>…</template>' })

Вот, кстати, интересно

ща затестим

вообще врядли

неа

не работает

значит <template scope=…> хороший вариант

это из-за hotreload глюк вроде бы

ctrl+f5 не помогал, только полностью закрытие вкладки. вобщем спасибо еще раз, я теперь хоть спать смогу нормально лечь ?

ctrl+f5 не помогал, только полностью закрытие вкладки. вобщем спасибо еще раз, я теперь хоть спать смогу нормально лечь ?

можно было не закрывать, а кликнуть в адресную строку + enter

можно было не закрывать, а кликнуть в адресную строку + enter

такое делал, не срабатывало

значит <template scope=…> хороший вариант

Оберну в pug, пожалуй

Миксином

Миксином

@Fl0pZz

:D

норм

Можно конвенцию написать

+paginate(list, offset, filters) item(:item="item") Еееее

типа ScopedX это тоже самое, что X [scope=scope]

Надо гайд написать по миксинному подходу

чтобы в коде небыло непонятно

И best practices запилить

Чтобы палками закидали

надо ехать в долину выступать с докладами на эту тему

Ну слушай

В принципе

я же ничего плохого не делаю

Я не пложу их тоннами, и создаю только если небходимо

да правильно ты все делаешь

просто чтобы код был более понятным, хорошо бы не просто item называть, а как-то так, чтобы было ясно, что это template[scope]

просто чтобы код был более понятным, хорошо бы не просто item называть, а как-то так, чтобы было ясно, что это template[scope]

та это я для примера

естественно, писать item(:item="item") - пиздос

а, ок

а зачем .install ?

А там я еще всякое пишу, помимо install

Не везде, но к единому формату привести решил)

???

минималистично

Красиво же)

Это что такое?

Что это такое?

Я тебя спрашиваю, что это?

ERROR: S client not available

Всм

Это же МИКСИН!

аахахха

Зачем тебе тут return?

Это некрасиво

Сделай так: () => ({})

Сделай так: () => ({})

Не подумайте ничего плохого

Просто arroy func

Я это вынес по двум причинам 1) Хранить текущий язык в каждом компоненте нет смысла 2) А срать в объявление инстанса некрасиво, да и тупо

Зачем тебе тут return?

да, кстати, спасибо

я до сих пор ни одного миксина не написал...

зато написал npm install ...

:)

зато написал npm install ...

:D

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

Я кстати понял, что написал говно и надо будет это переписать

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

у меня там есть поддержка шаблонов (You are logged as {0}, hellooo) кастомных функций (по дефолту есть склонения, но можно еще своих подописывать сколько хочешь) + предусмотрена иерархия (в дочерних компонентаах можно юзать фразы для перевода из родительских (вплоть до корня))

надо было это template на render функцию заменить, еще бы короче вышло

Не короче)

components можно выкинуть

и JSX заюзать

render: h => h('App') render: h => <App/>

кстати есть гайд по рендер функциям? или там все так же как в реакте?

и JSX заюзать

Уйди, пративный

кстати есть гайд по рендер функциям? или там все так же как в реакте?

все там же https://vuejs.org/v2/guide/render-function.html

Уйди, пративный

экономь спички!

кстати есть гайд по рендер функциям? или там все так же как в реакте?

не так как в реакте

Ребята, а вы знаете в каких случаях может пропадать Root?