Какой же все таки кайф кодить на vue+ vuex

а то

337 человек не могли ошибиться

vm.$options.methods...

vm is not defined vuejs 2.0

Все просто работает

Доку берешь и читаешь как хорошую книгу

vm is not defined vuejs 2.0

в этой перменной инстанс созданного Vue хранится, если ты ее объявишь и туда присвоишь

https://github.com/vuejs/vuex/blob/master/examples/chat/components/ThreadSection.vue вот здесь юзают "components: { Thread },"

это коректно?

или сейчас так не можно?

это коректно?

А что некорректного?

https://paste.laravel.io/q3pw9 Как фиксить ?

vm is not defined vuejs 2.0

на самом деле, можно проще наверное, тупо this сохранить в хуке, если очень тебе надо

https://paste.laravel.io/q3pw9 Как фиксить ?

Бабел есть, юзаю вебпак

А что некорректного?

https://ru.vuejs.org/v2/guide/components.html#Локальные-компоненты тут нужно как обьект а не список

components: { // <my-component> будет доступен только в шаблоне родителя 'my-component': Child }

Эм, без разницы

Просто у тебя будет components: { Thread: Thread }

Просто у тебя будет components: { Thread: Thread }

Тип это фича es6 если что (это не тебе, Келин)

Меня улыбнула формулировка:"нужен объект, а не список"

То есть люди еще и разными типами это считают

Меня улыбнула формулировка:"нужен объект, а не список"

Всем плевать

ты уйдешь и так и не узнаешь что список это обьект

ты уйдешь и так и не узнаешь что список это обьект

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

хмм, ок

тогда когда я в своей аппе делаю components: {"createnote": CreateNote }, все норм, а когда {CreateNote }, пишет что createnote не зарегистрирован

Никто не сталкивался что ли?

тогда когда я в своей аппе делаю components: {"createnote": CreateNote }, все норм, а когда {CreateNote }, пишет что createnote не зарегистрирован

почему?

все понял

спасибо

Просто у тебя будет components: { Thread: Thread }

это дало понимание

тогда когда я в своей аппе делаю components: {"createnote": CreateNote }, все норм, а когда {CreateNote }, пишет что createnote не зарегистрирован

createnote !== createNote

createnote !== createNote

да, уже понял)

Хехе, забавно )

тогда когда я в своей аппе делаю components: {"createnote": CreateNote }, все норм, а когда {CreateNote }, пишет что createnote не зарегистрирован

{ CreateNote: CreateNote } => <create-note></create-note> || <create-note/>

{ CreateNote: CreateNote } => <CreateNote></CreateNote>

Да, так тоже можно

По крайней мере Vue не ругается

и работает, и очевидно что да как

http://elemefe.github.io/cooking/

Vue-cli на новый лаж

лад

Парни подскажите пожалуйста. Есть 2 типа объектов - комментарий и тикет. Тикет состоит из комментария + заголовка. Они будут вызываться в разных контекстах, обладать разными методами в зависимости от контекста. Я предполагаю что это нужно реализовать в виде компонентов(или одного). Как правильно логически разбить программу, чтобы избежать дублирования кода и красиво это все создавать налету?

Я говорил только о создании тикетов и комментариев. Т.е.вывод форм. Не знаю как подступиться.

Я vue только начинаю тыкать, но может по аналогии с реактом передавать методы через пропсы?

Я vue только начинаю тыкать, но может по аналогии с реактом передавать методы через пропсы?

Попробуй, я пока не видел такого в вью проектах

Я vue только начинаю тыкать, но может по аналогии с реактом передавать методы через пропсы?

да

Я vue только начинаю тыкать, но может по аналогии с реактом передавать методы через пропсы?

Да, но это практически не имеет смысла. В реакте нельзя эммитить события на компонетах, а во вью - можно

Да уж, тут это удобней. Плюс если нужно пробросить что-то дальше родителя или параллельному компоненту, можно использовать event bus

Такой стайлгайд же для ноды или чего там

В Elm такой подход

http://elemefe.github.io/cooking/

Перевод топчик, лучше бы его не было

Данные получаются в формате json в методе create. Нужно рекурсивно разобрать полученный массив, применить к нему template и отрисовать в html. Как? )

Дать компоненту name и упоминать его самого в шаблоне

не.. не настолько рекурсивно

Нужен реальный пример. Получаю данные nested sets в json. Нужно нарисовать дерево.

Дерево ul>li

Ну. В чем проблема. Пишешь компонент узел дерева

Который через v-if рендерит либо контент если там нет детей

Либо детей (такой же узел но передавая данные через v-for)

Блин, проблема в том что я вообще не представляю синтаксис как это все описать. Представляю только в теории как это должно работать, в самой общей. Если можно, самый примерный пример-каркаса приложения увидеть? Я дальше сам

П - прокрастинация

В примерах на офф сайте был вариант со списками вложеннными

да мозги уже просто разбегаются

http://joxi.ru/l2ZVXg5Sw7G4L2

вот алгоритм обхода дерева без рекурсии на php. Это надо куда запихнуть, в template? Это вообще возможно?

аргх

ERROR: S client not available

минуту

я дошел до большого компьютера

) спасибо

дайте образец данных

чтоб не вбивать

[{"id":"1","pid":"0","block":"1","level":"1","left":"1","right":"12","title":"\u041e\u0448\u0438\u0431\u043a\u0430 \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043d\u0430 iphone","value":"\u043d\u0430 iphone \u0432\u0435\u0440\u0441\u0438\u0438 5 \u0438 6 \u0432 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u043d\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435","status":"0","type":"0","created_at":"2017-02-12 03:47:24","updated_at":"0000-00-00 00:00:00"},{"id":"3","pid":"0","block":"1","level":"2","left":"2","right":"5","title":"Ford","value":"Ford","status":"0","type":"0","created_at":"2017-02-11 11:05:37","updated_at":"0000-00-00 00:00:00"},{"id":"8","pid":"0","block":"1","level":"3","left":"3","right":"4","title":null,"value":"55555555","status":"0","type":"0","created_at":"2017-02-11 11:05:37","updated_at":"0000-00-00 00:00:00"},{"id":"5","pid":"0","block":"1","level":"2","left":"6","right":"7","title":null,"value":"111111111","status":"0","type":"0","created_at":"2017-02-11 11:05:37","updated_at":"0000-00-00 00:00:00"},{"id":"6","pid":"0","block":"1","level":"2","left":"8","right":"11","title":null,"value":"22222222222","status":"0","type":"0","created_at":"2017-02-11 11:05:37","updated_at":"0000-00-00 00:00:00"},{"id":"7","pid":"0","block":"1","level":"3","left":"9","right":"10","title":null,"value":"3333333","status":"0","type":"0","created_at":"2017-02-11 11:05:37","updated_at":"0000-00-00 00:00:00"}]

http://joxi.ru/Q2Kx5aRf4vo5pA

в прошлой версии webpack template такой проблемы не было

так у вас не рекурсивные данные

Ну а правило для обработки mp4 есть?

их еще собрать надо в дерево

http://joxi.ru/l2ZVXg5Sw7G4L2

Вот сборка

видимо, нет. меня просто удивляет, что в прошлой версии все работало

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

вот думаю, мог ли сам где-то накосячить, хотя вроде негде

это nested sets, и так как в PHP с ним не выйдет работать

его надо вначале преобразовать к обычной древовидной структуре

кто юзал jwt в vue?

вместе с vuex

почти все :)

его надо вначале преобразовать к обычной древовидной структуре

почему? Там же обычные while и if, не вижу сложностей чтобы массив перебрать последовательно и отрисовать. Они уже отсортированы

потому что вы не работаете со строками :)

в JS

вы генерируете объектную модель

а где там строки... массив же.. )

(в JS = в данном случае vue)

как где - в PHP вы генерируете по сути на выходе строки

открыть тег - закрыть тег и т.д.

в JS вы генерируете DOM - сделай мне объект, вложи в него эти объекты и т.д.

в JS вы генерируете DOM - сделай мне объект, вложи в него эти объекты и т.д.

Спасибо Илья. Очень печально все это