заодно и с мобилками не будет проблем

ну тогда выбор очень странный

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

ну очевино, что vue сюда не подходит, под его требования

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

а есть код?

интересно посмотреть на структуру данных

да обычный код, циклы, массиве, хеши :)

как бы там и показывать нечего, как везде код

ну ладно, не хочешь не показывай =))

Парни, кто-нибудь использовал эту штуку

https://github.com/datuhealth/floating-label

https://github.com/datuhealth/floating-label

можно без JS это сделать

можно

но работать будет не везде одинаково

почему?

и есть всякие сложные приколы с css решениями для float label

почему?

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

но это же наоборот

А ты возьми и сделай наоборот. Почитай где нужно использовать Vue.set и не используй его

если не привязываться к введенным символам, а к фокусу, то норм вполе через position: absolute

По идее, если ты после инициализации запишешь в свойство data какой-то объект - то его внутренние свойства не будут обернуты

а чтобы было ровно на половину по высоте, можно через transform: translateY(-50%)

По идее, если ты после инициализации запишешь в свойство data какой-то объект - то его внутренние свойства не будут обернуты

я и так не использую Vue.set()

я и так не использую Vue.set()

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

но там есть проблема в том что передается целиком объект

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

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

ну я пока сейчас обмажусь enumerable: false, посмотрю что будет

так сделай так что ыб с самого начала не на что было вешать хэндлеры

такие свойства vue не видит и хендлеры не вешает

так возьми потом и повесь на нужные тебе свойста через set

такие свойства vue не видит и хендлеры не вешает

а ты про enumerable

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

No

Никаких set

Сейчас попробую написать, с телефона, пока меня стригут

new Vue({ data: { usualObj: { ... }, complexObj: null }, // здесь где-то сделай // this.complexObj = { ... } })

Свойство complexObj будет отслеживаться, а его внутренние свойства - нет

В отличие от usualObj

И никаких Vue.set точно не нужно

Если какие то свойства в объекте нужно отслеживать- перечисли их в data, а остальные создай через =

@nologin у меня получилось объяснить что свой способ?

да, хороший способ

видимо не получилось. Я же передаю во вьюху уже готовую модель, в этой модели уже есть всё. Даже если я изначально модель проинициализирую из вьюхи (что уже такое себе), то всё равно дальше по дереву вьюх мне нужно будет передавать готовые модели со всеми полями

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

например: есть компонент, который отображает юнитов на карте, пусть он получает в props некое хранилище юнитов, хоть бы и массив, вьюха юнита - это сам по себе компонент, который в свою очередь в props получает конкретного юнита. Тут пока всё нормально т.к. на props хендлеры не вешаются. Но даже если из компонента юнита заэкспортить модель юнита в data, то, насколько я знаю, карта не будет обновляться пока сам компонент карты не заэкспортит всех юнитов через свой data

хотя можно просто на каждый кадр форсить обновление рутовых компонентов извне. Костылики

@nologin ишь какой, и setter'ы не хочу, и обновление на каждый чих ему

обновление на каждый кадр и так будет, юниты двигаются каждый кадр. Так что тут ничего такого нет

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

По-поводу инициализации - можно к модели добавить функцию createObservableModel

Пускай возвращает объект с нужными свойствами

коллеги, а как узнать в роутере что урл изменился?

ну во первых модель, её вообще не должно колыхать кто там что отображает и как. Ну а вообще фантомная модель, используемая только во всьюхе уже предлагалась выше

коллеги, а как узнать в роутере что урл изменился?

const User = { template: '...', watch: { '$route' (to, from) { // обработка изменений параметров пути... } } }

const User = { template: '...', watch: { '$route' (to, from) { // обработка изменений параметров пути... } } }

спасибо!

я как раз доку читаю

на этой строчке

навернное надо подробнее объяснить

http://router.vuejs.org/ru/essentials/dynamic-matching.html

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

тут все найдешь

{ path: '/pickups', component: OrdersTable, props: { 'status': 'pickup' } }, { path: '/todo', component: OrdersTable, props: { 'status': 'todo' } }, { path: '/in-progress', component: OrdersTable, props: { 'status': 'in-progress' } },

ок, точнее мне пропсы надо вотчить

@deep_freeze Ты не из Rocket Bank-а случайно?)

Ребята, а кто юзает vue-class-component ? Вопрос синтаксиса объявления дочерних компонентов в классе

@deep_freeze Ты не из Rocket Bank-а случайно?)

Не) а что?

Да не, просто.

Ракета же)

ERROR: S client not available

тут кто-то был оттуда

чуваки

знает кто, у кантора на learn.javascript.ru скринкасты по вебпаку первой версии или второй?

Первый

:(

а по второй версии есть годный?

https://www.sitepoint.com/beginners-guide-to-webpack-2-and-module-bundling/

@xanf_ua а как ты регистрируешь компоненты внутри класса ?

Разобрался

https://www.sitepoint.com/beginners-guide-to-webpack-2-and-module-bundling/

спасибо, как раз задавался этим вопросом

спасибо, как раз задавался этим вопросом

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

йобу уже дал

Разобрался

на гист закинь как это делается, не жадничай

https://gist.github.com/Borzenko/594d7d265e4163b43263224ee4d60634 Прошу, тоже самое как и пропсы )

https://gist.github.com/Borzenko/594d7d265e4163b43263224ee4d60634 Прошу, тоже самое как и пропсы )

это тайпскрипт?

это тайпскрипт?

это vue-class-component не более )

https://github.com/vuejs/vue-class-component

это vue-class-component не более )

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

а зачем он нужен?

вне тайпсрипта?

Ну я планирую туда флоу прикрутить

а зачем он нужен?

выглядит более приятно, как по мне

а по второй версии есть годный?

https://webpack.js.org/guides/migrating/

Ну и на классах

В 2017 приятнее писать

Поясните если у меня есть проект в репозитории и он есть в npm

Мне получается каждый раз как код меняется надо делать npm publish?

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

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

ога, так например в офф репке вью сделано

ввиде .sh скрипта

Зачем?

Мне получается каждый раз как код меняется надо делать npm publish?

Да, что бы обновить инфу в npm. bower еще требует выпускать релизы, в npm не помню