хм.. поменял но всеравно ругается на content хотя его уже нигде нет вообще

Код в студию

http://joxi.ru/Q2KQMRvS9JQWjr

при первом запуске npm run dev все норм, но только что-то меняю в файле - сразу ошибка

причем одна и таже

это даже если банально пробел добавить

scoped пробовали убирать?

В конфиге вебпака были изменения?

добавил html-plugin

и runtimeanalizer-plugin

Удаляйте и проверяйте)

с вью-девтулс тоже фигня какая-то: http://joxi.ru/bmog7qjcMvekPm

vue-style-loader жалуется, что не видит контент

с вью-девтулс тоже фигня какая-то: http://joxi.ru/bmog7qjcMvekPm

А куда указывает ссылка WTF?

*стрелка

нету Vue пунта

пункта

а

черт

я уже туплю, сорри

А если поискать content в коде проекта (исключая модули)

А если поискать content в коде проекта (исключая модули)

content - это аргумент функции в vue-loader (файл selector.js)

По логике вебпаковских модулей, туда приходит исходник

с вью-девтулс тоже фигня какая-то: http://joxi.ru/bmog7qjcMvekPm

Для начала можно попробовать удалить стили в файле

удалил html-plugin - перестало ошибку сыпать, но и работать тоже перестало )

похоже потому что не инъектит бандл

удалил html-plugin - перестало ошибку сыпать, но и работать тоже перестало )

Поставил бы уже шаблон webpack и не мучался. Там все это есть

И поддержка у него лучше

И поддержка у него лучше

+++

почему все так любят писать свои велосипеды?

почему все так любят писать свои велосипеды?

дык хочется понять что происходит внутри)

я взял vue-cli webpack чуть-чуть подпилил его и все стало ок

дык хочется понять что происходит внутри)

платят за решение бизнес задач

Ну, вот уже и свой велосипед)

платят за решение бизнес задач

мне пока не платят за конкретную задачу. а вот чтобы платили за следующие, надо с этой разобраться по максимуму

мне пока не платят за конкретную задачу. а вот чтобы платили за следующие, надо с этой разобраться по максимуму

Банальный poi для тестов. И не нужно играться с настройками вебпака

привет. я довольно новый в Vue, раньше работал с backbonejs. сейчас есть простая задача - отрисовать набор фич с функцией вкл / выкл и соответствующими запросами на сервак что бы обновитт состояние. шерстил инет но не нашел какого-то модельно-ориентированого решения.. что бы каждая фича которую я вывожу в списоке была объектом (как бекбон) и что бы определять действия по этой модели внутри модели... какая практика на вью для работы с таким кейсом?

Банальный poi для тестов. И не нужно играться с настройками вебпака

Так уж оффициальный webpack

привет. я довольно новый в Vue, раньше работал с backbonejs. сейчас есть простая задача - отрисовать набор фич с функцией вкл / выкл и соответствующими запросами на сервак что бы обновитт состояние. шерстил инет но не нашел какого-то модельно-ориентированого решения.. что бы каждая фича которую я вывожу в списоке была объектом (как бекбон) и что бы определять действия по этой модели внутри модели... какая практика на вью для работы с таким кейсом?

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

привет. я довольно новый в Vue, раньше работал с backbonejs. сейчас есть простая задача - отрисовать набор фич с функцией вкл / выкл и соответствующими запросами на сервак что бы обновитт состояние. шерстил инет но не нашел какого-то модельно-ориентированого решения.. что бы каждая фича которую я вывожу в списоке была объектом (как бекбон) и что бы определять действия по этой модели внутри модели... какая практика на вью для работы с таким кейсом?

в твоем случае - каждый элемент списка - экземпляр компоента

Я так понимаю, не SPA? Бэк рисует фронтенд?

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

у меня каждая фича описана как компнента да

Я так понимаю, не SPA? Бэк рисует фронтенд?

нет, рисуется вьюхой..

нет, рисуется вьюхой..

"вьюхой", в смысле Vue или View?

компоненты объявил, но логика сама (когда нажимаю выкл - слать на серват PATCH запрос на обновления состояния фичи и если 200 то перерисовывать компоненту)

"вьюхой", в смысле Vue или View?

Vue

Так уж оффициальный webpack

Для попробовать - поставить глобально пакет и создать 1!! файл(точку входа)

компоненты объявил, но логика сама (когда нажимаю выкл - слать на серват PATCH запрос на обновления состояния фичи и если 200 то перерисовывать компоненту)

Ну ты в принципе сам и описал то что нужно делать)

Для попробовать - поставить глобально пакет и создать 1!! файл(точку входа)

В том и дело, что поставить vue-cli/webpack - это попробовать канон)

В том и дело, что поставить vue-cli/webpack - это попробовать канон)

Ну ок. Я просто не использую темплейты и прочее

Ну ты в принципе сам и описал то что нужно делать)

ну вот логика на клик сделать то-се - делается в компоненте?

компоненты объявил, но логика сама (когда нажимаю выкл - слать на серват PATCH запрос на обновления состояния фичи и если 200 то перерисовывать компоненту)

А какой формат запроса?

ну вот логика на клик сделать то-се - делается в компоненте?

именно

axios.patch(

именно

ok, потому что в инете нашел что принято делать вроде как в vm

Как сделать re-render компонента в котором находишься ?

подскажите плз

Как сделать re-render компонента в котором находишься ?

Данные поменять

Как сделать re-render компонента в котором находишься ?

$forceUpdate()

Или поменять данные

спасибо , щас попробую

ok, потому что в инете нашел что принято делать вроде как в vm

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

еще вопрос - для checkbox лучше не испльзовать v-on:click а какая альтенатива?

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

понял, спасибо

ERROR: S client not available

чекбокс - это просто инпут, так что просто пишешь в нем v-model="attr_name"

v-on:change)

чекбокс - это просто инпут, так что просто пишешь в нем v-model="attr_name"

Тут про изменение спрашивают))

еще вопрос - для checkbox лучше не испльзовать v-on:click а какая альтенатива?

а уже в компоненте смотришь за его изменением watch: attr_name() {}

Тут про изменение спрашивают))

ну все таки изменение чекбокса - это событие... лучше уж с данными работать))

В документации прекрастно описаны кейсы и с нативными инпутами и с кастомными. Лучше там спрашивать :)

а уже в компоненте смотришь за его изменением watch: attr_name() {}

Это антипаттерн. Уж извините

Это антипаттерн. Уж извините

nope

Это антипаттерн. Уж извините

Нет

onchange на инпуте - это антипаттерн))

это ж не реакт

Computed - это когда тебе важен результат на факт изменения Watch - это когда важен факт изменения, но пофиг на его результат

Computed - это когда тебе важен результат на факт изменения Watch - это когда важен факт изменения, но пофиг на его результат

Тут вопрос про то как событие вызвать

Вы предлагаеие вотчить изменение и вызывать метод?)

ну вот логика на клик сделать то-се - делается в компоненте?

Вообще, сейчас в модных фреймворках принято разделять компоненты на "умные" и "глупые". В умном ты рулишь запросами, работаешь с данными. Глупым компонентам передаешь данные для отрисовки и в случае с Vue, отправляешь события из них события. Судя по твоему описанию, ты получаешь начальное состояние в "умном" родительском компоненте, запихиваешь его в data, а по данным из data список "глупых" детей. В дети, через пропсы, передаешь состояние ребенка. Когда ребенок меняет состояние (чекбокс меняется), emit'ишь событие. Это событие отлавливаешь в "умном" родительском компоненте и дергаешь метод, который отправлет запрос на сервер. Сервер тебе присылает новое состояние. Обновляешь состояние в "умном" родительском компоненте и Vue сам магическим образом перерисовывает тебе ребенка. Это так, в общем. Могут быть всякие поправки и отступления.

Найс

чудесно спасибо за пощь, все сделал как посоветовали - работает супер, теперь только вопрос - как отделить изменение стейта на фронт енде и на бекенде? что бы чекбокс не чекался пока сервер не вернул 200 или как обеспечивается консистентность состояния компонента и бекенда?

Вообще, сейчас в модных фреймворках принято разделять компоненты на "умные" и "глупые". В умном ты рулишь запросами, работаешь с данными. Глупым компонентам передаешь данные для отрисовки и в случае с Vue, отправляешь события из них события. Судя по твоему описанию, ты получаешь начальное состояние в "умном" родительском компоненте, запихиваешь его в data, а по данным из data список "глупых" детей. В дети, через пропсы, передаешь состояние ребенка. Когда ребенок меняет состояние (чекбокс меняется), emit'ишь событие. Это событие отлавливаешь в "умном" родительском компоненте и дергаешь метод, который отправлет запрос на сервер. Сервер тебе присылает новое состояние. Обновляешь состояние в "умном" родительском компоненте и Vue сам магическим образом перерисовывает тебе ребенка. Это так, в общем. Могут быть всякие поправки и отступления.

10 из 10

Давно я такие портянки не писал :)

Вообще, сейчас в модных фреймворках принято разделять компоненты на "умные" и "глупые". В умном ты рулишь запросами, работаешь с данными. Глупым компонентам передаешь данные для отрисовки и в случае с Vue, отправляешь события из них события. Судя по твоему описанию, ты получаешь начальное состояние в "умном" родительском компоненте, запихиваешь его в data, а по данным из data список "глупых" детей. В дети, через пропсы, передаешь состояние ребенка. Когда ребенок меняет состояние (чекбокс меняется), emit'ишь событие. Это событие отлавливаешь в "умном" родительском компоненте и дергаешь метод, который отправлет запрос на сервер. Сервер тебе присылает новое состояние. Обновляешь состояние в "умном" родительском компоненте и Vue сам магическим образом перерисовывает тебе ребенка. Это так, в общем. Могут быть всякие поправки и отступления.

чудесное описание, но я уже хочу переписаьб детей на умных))

onchange на инпуте - это антипаттерн))

Подробнее, пожалуйста :)

чудесное описание, но я уже хочу переписаьб детей на умных))

Ну, может быть. От условий зависит. Это был один маленький кейс в рамках пары компонентов родитель-ребенок

чудесно спасибо за пощь, все сделал как посоветовали - работает супер, теперь только вопрос - как отделить изменение стейта на фронт енде и на бекенде? что бы чекбокс не чекался пока сервер не вернул 200 или как обеспечивается консистентность состояния компонента и бекенда?

хороший вопрос... как вариант переписать чекбоксы на свои) и ловить v-click

хороший вопрос... как вариант переписать чекбоксы на свои) и ловить v-click

или просто @change="handleChange" :)

Подробнее, пожалуйста :)

Я тоже хочу услышать когда это action>action стал антипаттерн

или просто @change="handleChange" :)

но он же изменится... а ему надо что бы не менялся

а есть какой-то бест практис по тому как обеспечить консистентность состояния компонента и бекенда?

но он же изменится... а ему надо что бы не менялся

можно что бы менялся

Подробнее, пожалуйста :)

момент

а есть какой-то бест практис по тому как обеспечить консистентность состояния компонента и бекенда?

Ну патерн синхронизации

главное что бы в итоге - одинаковый был резултат на бекенде и фронте