Люди подскажите по данному вопросу, если не сложно https://ru.stackoverflow.com/questions/859938/vuejs-2-%D0%9A%D0%B0%D0%BA-%D0%BF%D1%80%D0%B8%D0%B2%D1%8F%D0%B7%D0%B0%D1%82%D1%8C-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D0%B2-%D1%80%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D0%B5-%D0%BA-%D1%80%D0%B5%D0%B1%D0%B5%D0%BD%D0%BA%D1%83%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82

Используй props

Sync

И watch

Используй props

вот как их использовать? Если у меня два свойства например

а в компоненте только одно value

вот как их использовать? Если у меня два свойства например

<range-slider name="Текст" min="10" max="1000" :initialPayment.sync="initialPayment"> </range-slider>

<range-slider name="Текст" min="10" max="1000" :initialPayment.sync="initialPayment"> </range-slider>

а внутри копонента как?

А в компоненте делай watch на value и в нём делай $emit родителю

Ребята, подскажите, может проблема распространённая - на страничке несколько блоков, они раскидываются компонентом mixitup. Всё работает, пока не начинаю передавать данные через апи. Тогда mixitup перестаёт работать. То есть я не могу понять разницу, когда, скажем {{ title }} идёт с даты title: 'My title' - работает а когда: {{ title }} идёт с даты, куда парсится title, компонент перестаёт работать. Подскажите, отчего может быть такое поведение? Данные передаются строками в json.

Ребят, пожалуйста, выручайте. Не понятно из-за чего, но вертикальный скролл не работает на ios устройствах (ни в сафари, ни в хроме), хотя на андройдах всё ок. Я записал гифки, чтобы было понятнее: http://recordit.co/Q4IqQrwllq - iPhone X, mobile safari (не работает) http://recordit.co/qP4mOaEK1R - Galaxy S9, Chrome (работает) Вот сам код обработки тач событий: https://pastebin.com/X1N2Uqjn

кто-нибудь использует vue с flow? или если типизация - то typescript адекватнее?

кто-нибудь использует vue с flow? или если типизация - то typescript адекватнее?

использую vue, vuex, typescript в проекте

использую vue, vuex, typescript в проекте

typescript тоже пробовал, но смутило изначально то, что createElement в рендер-функции имеет странную типизацию

если быть более точным - то третий параметр (children) не принимает просто массив

не могу сказать, что это серьезная проблема, но...

кто-нибудь использует vue с flow? или если типизация - то typescript адекватнее?

Я с flow

Нахер ооп (сахар)

Нахер ооп (сахар)

ну это я от тебя уже слышал)

Говорят, что вуй плохо типизируется flow

Я так и ещё не попробовал

typescript тоже пробовал, но смутило изначально то, что createElement в рендер-функции имеет странную типизацию

в офф репозитории vue по-моему есть настройка под typescript

там нет ничего сложного

Спроси у @reeei,он чето пробовал

меня еще и по ts, и по flow смущает недостаточное колво инфы

typescript тоже пробовал, но смутило изначально то, что createElement в рендер-функции имеет странную типизацию

у меня чет не получилось с тс завести

в офф репозитории vue по-моему есть настройка под typescript

стандартный шаблон с vue-cli 3 юзаю

подключай декораторы и будет кайфово)

createElement ждет третьим параметром VNodeChildren export type VNodeChildren = VNodeChildrenArrayContents | [ScopedSlot] | string; export interface VNodeChildrenArrayContents extends Array<VNode | string | VNodeChildrenArrayContents> {}

я не пробовал jsx в vue

это не jsx

как бы по логике все ок, т.к. createElement вернет VNode, но епрст

createElement ждет третьим параметром VNodeChildren export type VNodeChildren = VNodeChildrenArrayContents | [ScopedSlot] | string; export interface VNodeChildrenArrayContents extends Array<VNode | string | VNodeChildrenArrayContents> {}

Дык а чо не так?

ща сотворю сниппет

Строка смущает?

подключай декораторы и будет кайфово)

vue-property-decorator?

vue-property-decorator?

да и vuex-class

и vuetify до кучи они все типизированны для vuetify в репозитории есть по-моему d.ts файл

vuetify юзать все равно не буду

и vuetify до кучи они все типизированны для vuetify в репозитории есть по-моему d.ts файл

А зачем тебе тс?

А зачем тебе тс?

Я переходил с ангуляра и для меня использовать ts уже некий стандарт) Плюс при сочетании vue + ts, можно создавать компоненты в виде классов, а не огромного объекта)

Строка смущает?

https://gist.github.com/thatside/11908ea42f6fbb28734c0805fcf3549d

ну и создавая модели в виде классов, с использованием class-transformer удобней работать в vue + ts формате

Я переходил с ангуляра и для меня использовать ts уже некий стандарт) Плюс при сочетании vue + ts, можно создавать компоненты в виде классов, а не огромного объекта)

Принимаю только ангулар

@k_yusupov если юзаешь createElement - глянь, пожалуйста, не хрень ли написал в сниппете

не, я рендер-функции не юзаю)

https://gist.github.com/thatside/11908ea42f6fbb28734c0805fcf3549d

createElement('div', {}, 'text')

а чисто по синтаксису? у меня такое ощущение, что мне нужно как-то описать тип передаваемого массива

createElement('div', {}, 'text')

ну тогда внутрь дива вложится vnode с текстом

createElement('div', {}, 'text')

<div> text </div>

ну тогда внутрь дива вложится vnode с текстом

Я просто не понял че тебя смущаеь

а я хочу внутрь дива (vnode) вложить другую vnode

то, что на мой кусок кода ругается тайпскрипт)

а что пишет?

то, что на мой кусок кода ругается тайпскрипт)

А, лол

Не, здесь уже хз

https://medium.com/@chimon1984/taking-on-a-different-vue-with-tsx-c027cc0017f8

как вариант ещё почитать

парни есть ли сборки для теста ие

Argument type VNode[] is not assignable to parameter type VNodeChildren при этом export type VNodeChildren = VNodeChildrenArrayContents | [ScopedSlot] | string; export interface VNodeChildrenArrayContents extends Array<VNode | string | VNodeChildrenArrayContents> {}

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

https://medium.com/@chimon1984/taking-on-a-different-vue-with-tsx-c027cc0017f8

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

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

попробуй настроить, как там, чтобы преобразовать всё в tsx и юзать рендер, как реакте)

если так хочется)

createElement на вид какое-то извращение)

попробуй настроить, как там, чтобы преобразовать всё в tsx и юзать рендер, как реакте)

не, я хотел заехать по функциональным компонентам там, где больше ничего не нужно (логотипчик)

ERROR: S client not available

короче, походу, виноват phpstorm

он не резолвит union types, хотя сборка и тайпчекинг проходят нормально

то есть, проблемы собственно нет)

короче, походу, виноват phpstorm

юзай intellij?

юзай intellij?

там слишком много java-специфичных штук, которые фиг выключишь - мешают

Argument type VNode[] is not assignable to parameter type VNodeChildren при этом export type VNodeChildren = VNodeChildrenArrayContents | [ScopedSlot] | string; export interface VNodeChildrenArrayContents extends Array<VNode | string | VNodeChildrenArrayContents> {}

Может нужно [...VNode] Впрочем, VNode[] по идеи массив штук с этим типом, но хер знает этот тс

Может нужно [...VNode] Впрочем, VNode[] по идеи массив штук с этим типом, но хер знает этот тс

вон выше писал - это пхпшторм психует сейчай попробую в webstorm и vscode открыть

там слишком много java-специфичных штук, которые фиг выключишь - мешают

ничего не мешает) удобный version control + conflicts resolve, куча хоткеев, плагинов и тдтп))

юзай intellij?

Это штука от jetbrains, так?

Это штука от jetbrains, так?

верно

ммм, так ведь phpstorm ведь тоже на той же платформе)

ничего не мешает) удобный version control + conflicts resolve, куча хоткеев, плагинов и тдтп))

Соответственно, для шторма есть все тоже самое

ты с чем-то перепутал)

Нахрена тебе эти хелперы? Кто должен или не должен - ты решаешь сам

ну допустим для преобразования типов. или проведения арифметических операций

Так что, хз к чему ты

ну тогда хотя бы webstorm)) если речь идёт о веб-кодинге разные тулзы заточены вод тот язык, для которого они пилят оболочку

опять же я не эксперт в их продуктах, поэтому про юзаю intellij)

ну тогда хотя бы webstorm)) если речь идёт о веб-кодинге разные тулзы заточены вод тот язык, для которого они пилят оболочку

так-то phpstorm - это webstorm с дополнительными плюшками для PHP

отличие у jet brains в продуктах - дефолтный пресет плагинов

и нюансы семантического дерева

а так - плагинами обмазать любой из них можно под любой язык

webstorm, кстати, тоже ругается

так-то phpstorm - это webstorm с дополнительными плюшками для PHP

я не буду даже спорить) просто чувак написал, что phpstorm психует, вот я и отписался об intellij)

отличие у jet brains в продуктах - дефолтный пресет плагинов

интерфейс еще (менюшки etc) (хотя не знаю, может и можно настроить все под себя) вроде бы в специализированных идешках чуть более продвинутые встроенные версии плагинов (мощнее, чем доступные в репах)

интерфейс еще (менюшки etc) (хотя не знаю, может и можно настроить все под себя) вроде бы в специализированных идешках чуть более продвинутые встроенные версии плагинов (мощнее, чем доступные в репах)

Менюшки плагины могут накидыватб

Тот же materialize

Менюшки плагины могут накидыватб

да, material ui)

в итоге дабы не ругался - нужно было дописать as VNodeChildren в конце

такое ощущение, что движок ts в идешке не может разрулить цепочку type -> union type -> interface extends Array<union type>

такое ощущение, что движок ts в идешке не может разрулить цепочку type -> union type -> interface extends Array<union type>

Накинуть сравнение с дартом?)

Удивишься как там типы работают)