https://gist.github.com/rumur/610f7b316509a2362ea18d511a9bf7ca

Там нет router-view

Вот те и проблема.

Вот в нём-то я router-view и не вижу.

routes: [ { path: '/', name: 'Home', component: () => import('@/components/Home'), }, { path: '/login', name: 'login', component: () => import('@/components/Login'), }, { path: '/dashboard/:slug', meta: { auth: true }, component: { template: '<router-view></router-view>' }, children: [ { path: '', name: 'dashboard', component: () => import('@/components/Dashboard'), }, { path: 'user/edit/:user_id', props: true, name: 'dashboard-user-edit', component: () => import('@/components/Dashboard/User/Edit'), }, { path: 'user/add', props: true, name: 'dashboard-user-add', component: () => import('@/components/Dashboard/User/Add'), }, ], }, ]

И заработает.

Киев, уже сегодня, 19.00, паб "Крапка кома", Kyiv Vue.js Meetup #1, ждем всех желающих. https://www.meetup.com/Kyiv-Vue-js-Meetup/events/246173518/

ор

Вот те и проблема.

добавил еще один компонент, DashboardHome, в нем разместил router-view и все заработало! http://take.ms/mgSDR Спасибо!

добавил еще один компонент, DashboardHome, в нем разместил router-view и все заработало! http://take.ms/mgSDR Спасибо!

?

Надо было дружелюбнее) чтобы любителей реакта тоже переманивать/))

Надо было дружелюбнее) чтобы любителей реакта тоже переманивать/))

Зато даже мне теперь понятно стало, за что мне так vue понравился )

Надо было дружелюбнее) чтобы любителей реакта тоже переманивать/))

Их должна интриговать и заманивать эта возможность:)

Зато даже мне теперь понятно стало, за что мне так vue понравился )

Только за возможность писать не на jsx?

Только за возможность писать не на jsx?

Именно ) как к тому колхозу привыкнуть, я даже не знаю

Слушал недавно фронтэнд юность. Про вью по делу сказали что исходники читать боль)

Шаблоны очень понравились.

Слушал недавно фронтэнд юность. Про вью по делу сказали что исходники читать боль)

Да, там куча обходных костылей есть...

Именно ) как к тому колхозу привыкнуть, я даже не знаю

После ещё большего колхоза это было в радость

я бы еще в один файлик засунул, на всякий случай

Всем добрый день, вопрос как подключать компоненты и less файлы в компонент только что бы путь начиналься с базовой директории то есть что бы не было ../../path/folder а сразу с /path/folder ?

В вебпаке есть alias

Всем добрый день, вопрос как подключать компоненты и less файлы в компонент только что бы путь начиналься с базовой директории то есть что бы не было ../../path/folder а сразу с /path/folder ?

Запилить алиас, если используете шаблон вебпака, там уже есть один как сказали

у меня там есть такое

alias: { 'vue$': 'vue/dist/vue.esm.js' },

{ .... resolve: { alias: { '@': './src/ ... //хоть сколько сюда пихай } }

alias: { 'vue$': 'vue/dist/vue.esm.js' },

Это лишь чтобы подключалась версия вью с компилятором шаблонов

Всем добрый день, вопрос как подключать компоненты и less файлы в компонент только что бы путь начиналься с базовой директории то есть что бы не было ../../path/folder а сразу с /path/folder ?

Вот моё: resolve: { alias: { '@': resolve('/src/'), '~': resolve('/src/assets/'), 'api': resolve('./src/api'), 'plugins': resolve('./src/plugins'), 'router': resolve('./src/router'), 'store': resolve('./src/store'), 'views': resolve('./src/views'), 'components': resolve('./src/views/components'), 'pages': resolve('./src/views/pages'), 'types': resolve('./src/types'), 'vue$': 'vue/dist/vue.runtime.esm.js' } }, и потом import Button from 'components/Button.vue' например.

ого круто, огромное спасибо ) надо документацию почитать более подробнее )

Вот моё: resolve: { alias: { '@': resolve('/src/'), '~': resolve('/src/assets/'), 'api': resolve('./src/api'), 'plugins': resolve('./src/plugins'), 'router': resolve('./src/router'), 'store': resolve('./src/store'), 'views': resolve('./src/views'), 'components': resolve('./src/views/components'), 'pages': resolve('./src/views/pages'), 'types': resolve('./src/types'), 'vue$': 'vue/dist/vue.runtime.esm.js' } }, и потом import Button from 'components/Button.vue' например.

схоронил

гит у всех нормально работает?

OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443

хм, биток тоже второй день болеет

ага и слак и битбакет тоже

гит у всех нормально работает?

Гит норм. Гитхаб лежит.

ну да, хаб

а почему она должна быть реактивной?

если это метод

попробей в классе добавть get перед функцией

а в левой убрать круглые скобки

вообще я пока не разобрался, буде ли работать реактивность для полей класса для которых не используется бабель

Как-то так работает

Можно сказать что вообще не работает

кто из мастодонтов Вью может подсказать каким образом лчше всего реализовывать всплывающие окна куда этот шаблон с окном лучше всего крепить?

кто из мастодонтов Вью может подсказать каким образом лчше всего реализовывать всплывающие окна куда этот шаблон с окном лучше всего крепить?

Можешь использовать element-ui Dialog компонент вроде. Там можно любой компонент прикрепить к всплывающему окну

кто из мастодонтов Вью может подсказать каким образом лчше всего реализовывать всплывающие окна куда этот шаблон с окном лучше всего крепить?

Vue-portal

кто из мастодонтов Вью может подсказать каким образом лчше всего реализовывать всплывающие окна куда этот шаблон с окном лучше всего крепить?

https://github.com/vuejs/awesome-vue#overlay

кто из мастодонтов Вью может подсказать каким образом лчше всего реализовывать всплывающие окна куда этот шаблон с окном лучше всего крепить?

Смотря чего тебе надобно по функциональности от него. Если нужна доступность по всюду, яб в рут крепил или вообще императивно и в body и потом так же императивно им управлять. Требования свои для себя хотябы опиши что тебе надо от модалки.

vue-portal

vue-portal

DEPRECATED see cerijs and ceri-portal

DEPRECATED see cerijs and ceri-portal

Да, пардон. portal-vue https://github.com/LinusBorg/portal-vue

Да, пардон. portal-vue https://github.com/LinusBorg/portal-vue

А зачем это? Сделать плейсхолдер для модалки, а потом туда пихать компоненту? Отовсюду

А зачем это? Сделать плейсхолдер для модалки, а потом туда пихать компоненту? Отовсюду

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

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

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

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

https://www.youtube.com/watch?v=-qzRU7T4la0

https://www.youtube.com/watch?v=-qzRU7T4la0

За видео спасибо Вот из документации по portal-vue: But we normally need it to render components like modals, dialogs, notifications, snackbars and similar UI elements in a fixed position. With PortalVue, you can instead render the component to a <portal-target> that you can position as the very last in the page's body, making styling and positioning much easier and less error-prone Т.е. да, для удобства.

может кто подсказать, как избавится от псевдо изменений в watch, а то 8 раз реагирует на изменение props переменной?

может кто подсказать, как избавится от псевдо изменений в watch, а то 8 раз реагирует на изменение props переменной?

Сравнивай старое и новое значение

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

Или подумать и попробовать сделать без watch

Советую глянуть как это реализовано в ElementUI

еще есть вопрос по поводу webpack я так понимаю что если буду делать такое // webpack.config alias: { 'less': './src/less' } // component <style lang="less"> @import 'less/contest'; </style> то оно не сработает

а как сделать что бы такое работало ? или эти переменные только на скрип распостраняються ?

еще есть вопрос по поводу webpack я так понимаю что если буду делать такое // webpack.config alias: { 'less': './src/less' } // component <style lang="less"> @import 'less/contest'; </style> то оно не сработает

@import '~less/contest';

все равно не работает и документация которую я нашел тоже так не срабатывает https://webpack.js.org/configuration/resolve/#resolve-alias для less в теге style

господа, есть ли возможность импортить npm пакет только по мере необходимости? например, когда юзер нажал кнопку. У меня в приложении гигантский пакет, который весит 45% от всего app.js, урезать его webpack ignore плагином не вариант, и даже lazy loading страницы не подойдет.

господа, есть ли возможность импортить npm пакет только по мере необходимости? например, когда юзер нажал кнопку. У меня в приложении гигантский пакет, который весит 45% от всего app.js, урезать его webpack ignore плагином не вариант, и даже lazy loading страницы не подойдет.

https://www.youtube.com/watch?v=rn97hCNQsKI

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

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

сбрасывай при закрытии ?

сбрасывай при закрытии ?

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

как работаете дальше с этими данными?

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

submit.prevent="func", а в ней данные формы в e.$ref

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

почему нельзя локально для формы редактирования сохранять данные и в случае чего откатываться к ним?

почему нельзя локально для формы редактирования сохранять данные и в случае чего откатываться к ним?

локально это что имеется ввиду?

форма редактирования - это отдельный компонент? или как?

@romanbronevik https://stackoverflow.com/questions/42694457/getting-form-data-on-submit#42694789

ребят, кто с анимациями работал (canvas) можете материала подкинуть?

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

fabriq js

fabriq js

офигеть, спасибо

со спрайтами весьма интересная штука

форма редактирования - это отдельный компонент? или как?

вот вроде то что я искал https://jsfiddle.net/bf1631pu/

ща попробую