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

а в исходный код vuetifyjs лазил - посмотри там реализацию Data tables

@eddimensi https://vuetifyjs.com/components/data-tables

@eddimensi https://github.com/vuetifyjs/vuetify/tree/dev/src/components/VDataTable

не совсем понимаю как мне поможет это

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

Vuetify

Мне, кстати, не зашёл Больно громоздкий А как бывает с громоздкими UI kits - теряется гибкость и херня получается, потому что специфичные кейсы все равно не покроет

Нужно что-то лёгкое на уровне простых css фреймворков с минимумом лишней хуйни Чтобы ты поставил, основу настроил и дальше пилишь в соответствии со своими кейсами

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

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

Так и делаю, увы

Это ж хорошо

приложенька растет с бизнесом

Для иконок vue-awesome Для валидации vuelidate Кнопки и прочее просто css

и ее экосистема

Главное, что б деньги на это были :)

Просто один огромный минус уи китов - Не все покрывает - При попытке автора покрыть все получается куча лишнего и негибкого

Ну автор под свои задачи пилит, на основе своего опыта

А написать универсальный кит сложно

Просто один огромный минус уи китов - Не все покрывает - При попытке автора покрыть все получается куча лишнего и негибкого

я так яндексовый bem components кит использовал

взял только js реализацию и накидал дизайн поновой )

но в случае vue это сложновато думаю

А написать универсальный кит сложно

(невозможно)

еп

Посему я и не вижу смысла в них

Посматриваю на react-bem-core. "звучит" все красиво, но даже не знаю... Внутри компонентов страшненько

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

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

Привет, smacss

нет

че такое smacss

че такое smacss

Гугли

нет

5 уровней вполне хватает

ты не понял про что я

5 уровней вполне хватает

Не, там другая тема

ты не понял про что я

Мейби

https://docute.js.org/#/ внутри vue )

https://docute.js.org/#/ внутри vue )

Это от EGOIST, наверное)

пасаны, а как делать екстенды компонентов?

пасаны, а как делать екстенды компонентов?

миксинами?

или я не так тебя понял

ссылкой кинешь?

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

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

https://ru.vuejs.org/v2/guide/mixins.html

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

да то что нужно

а то я думаю как жить без классов

а то я думаю как жить без классов

https://twitter.com/mokevnin/status/903909806901166080

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

Может попробовать композицию?

композицию компонентов?

миксины норм, функционал как у класса, все ок

Может попробовать композицию?

шта это?

но почему нельзя было просто сделать компонент класс непонятно

потомушт это не реакт

но почему нельзя было просто сделать компонент класс непонятно

вроде в TS через класс

я так и не нашел норм стартера

я так и не нашел норм стартера

https://ru.vuejs.org/v2/guide/typescript.html#Компоненты-Vue-в-виде-классов

да я видел

но настраивать было ни каеф

через декоратор компонент самый сок

аа, ок

шта это?

Статья из доки по реакту https://abraxabra.ru/react.js/bystryy-start/kompozitsiya-protiv-mekhanizma-nasledovaniya/

Статья из доки по реакту https://abraxabra.ru/react.js/bystryy-start/kompozitsiya-protiv-mekhanizma-nasledovaniya/

спасибо, почитать

друзьяя, кто-нибудь использовал socket io с vue??

друзьяя, кто-нибудь использовал socket io с vue??

Echo

+ laravel echo server

Для соккетов есть пакеты

Echo

дело в том что на сервере уже используется socket iuo

Так а в чем там проблема?

https://github.com/MetinSeylan/Vue-Socket.io

Так а в чем там проблема?

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

Зачем изобретать то что уже сделали за тебя) Но с другой стороны если вариант рабочий старый, то почему бы и нет

Так а что там плохо задокументировано, какой у тебя вопрос?

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

Тогда стоит узнать, как работают/как работать с простыми сокетами, а потом уже юзать либы. Там ничего сложного. Одна статья на learn.javascript.ru и час-два практики

Зачем изобретать то что уже сделали за тебя) Но с другой стороны если вариант рабочий старый, то почему бы и нет

я правильно понял, что я отправляю какой-либо. event и взамен не получаю данных в коллбек, а получаю их on('some event')?

вот подключение import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketio, 'http://socketserver.com:1923'); а вот само использование var vm = new Vue({ sockets:{ connect: function(){ // вызовется, когда подключится к соккету console.log('socket connected') }, // подписываешься на событие 'customEvent' customEmit: function(val){ // отработает, когда произойдет событие в val придут данные console.log('this method was fired by the socket server. eg: io.emit("customEmit", data)') } }, methods: { clickButton: function(val){ // а тут просто публикуешь событие // $socket is socket.io-client instance this.$socket.emit('emit_method', val); } } })

а так же можно так подписать на событие this.$options.sockets.event_name = (data) => { console.log(data) } и отписаться delete this.$options.sockets.event_name

я правильно понял, что я отправляю какой-либо. event и взамен не получаю данных в коллбек, а получаю их on('some event')?

смотри, вот так Vue.use(VueSocketio, 'http://socketserver.com:1923') ты подключаешься к соккетам. Далее если ты хочешь кинуть ивент какой то делаешь так this.$socket.emit('emit_method', val); а если ты хочешь подписать на это событие получить данные переданные в нем, то делаешь так this.$options.sockets.event_name = (data) => { console.log(data) }

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

молодец, на еще погляди что в es6 можно https://gist.github.com/DmitrySoshnikov/3928607cb8fdba42e712

9. Variables and scoping http://exploringjs.com/es6/ch_variables.html

После вот этого, но не думаю, что я смогу там узнать что-то нового

поверь, сможешь )

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

ну молодец

ахахах

А как запускать транзишен внутри транзишена? Почему это не работает <transition name="modal"> <div v-if="isModal" class="modal-overlay"> <div @click="reactiveModal" class="fakeoverlay"></div> <transition name="modal-content"> <div v-if="isModal" class="modal-content" > <h2>Super Modal</h2> <input type="text" name=""> <button @click="reactiveModal" class="primary-button">CLICK</button> </div> </transition> </div> </transition>

Anybody?

Anybody?

v-if ссылается на одну переменную. Не проще сделать транзишн, учитывающий детей?

<template v-if="listChildVisible"> <list-child v-if="this.list.hasOwnProperty('child')" :childList="this.list.child"></list-child> <input type="text" v-else> <button v-on:click.prevent="test()">Создать</button> </template> Это нормально, что button покзывается если на инпуте срабатывает v-else? Получается, все что идет после v-else будет применяться к нему?

v-if ссылается на одну переменную. Не проще сделать транзишн, учитывающий детей?

Это как? Транзишен учитывающий детей

Это как? Транзишен учитывающий детей

Ну переходы CSS?

Какие переходы? Разные элементы

Не могу не поделиться своим открытием: const f = (x, y=x) => x * y

ты че дядь