В setTimeout.

проблема в том что JS не изучать, JS писать :)

Всем привет, подскажите пожалуйста, как работает $emit. на данные может подписаться только родитель или любой компонент вверх по иерархии?

Ну ещё убери скобки после getData.

Спасибо, сработало.

Всем привет, подскажите пожалуйста, как работает $emit. на данные может подписаться только родитель или любой компонент вверх по иерархии?

Только родитель.

Только родитель.

Спасибо

проблема в том что JS не изучать, JS писать :)

Так я изучаю, пиша...пися...в процессе написания.

Спасибо

Или vuex или глобально emit на document. Взамен цепочек передачи события на несколько уровней выше

Или vuex или глобально emit на document. Взамен цепочек передачи события на несколько уровней выше

Можешь пояснить, как это реализовать: глобально на document ?

Или vuex или глобально emit на document. Взамен цепочек передачи события на несколько уровней выше

ты про event Bus?

ты про event Bus?

Нет

Я делал как в старые добрые времена. Где-то в приложении подписываюсь на событие через document.addEventListener. А потом где-то внизу, в компоненте создаю эвент и вызываю через document.dispatchEvent

Я делал как в старые добрые времена. Где-то в приложении подписываюсь на событие через document.addEventListener. А потом где-то внизу, в компоненте создаю эвент и вызываю через document.dispatchEvent

Ясно, понял

Я делал как в старые добрые времена. Где-то в приложении подписываюсь на событие через document.addEventListener. А потом где-то внизу, в компоненте создаю эвент и вызываю через document.dispatchEvent

Спасибо за разъяснение.

Это, наверное, идеологически не вписывается в vue. Правильнее использовать именно vuex для таких целей. И на крайний случай event bus, который тоже не вписывается

Это, наверное, идеологически не вписывается в vue. Правильнее использовать именно vuex для таких целей. И на крайний случай event bus, который тоже не вписывается

vuex есть, поэтому буду его использовать

Собираю вебпаком, разная конфигурация для прода и для дева. На деве все ок, а на проде vue вместо того чтобы смонтироваться просто портит контейнер и все. На месте контейнера оказывается закомментированный тег. Кто-нибудь сталкивался с такой проблемой? В конфиге вебпаком ничего вроде не менял в последнее время, а работать перестало.

Ёлка будет по традиции до мая стоять?

@ffsinit Привет. Я не уверен, но проверь какая сборка у тебя https://ru.vuejs.org/v2/guide/installation.html#%D0%9E%D0%B1%D1%8A%D1%8F%D1%81%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D1%80%D0%B0%D0%B7%D0%BB%D0%B8%D1%87%D0%BD%D1%8B%D1%85-%D1%81%D0%B1%D0%BE%D1%80%D0%BE%D0%BA

Всем привет. Ктото юзал vuemc.io ?

Всем Привет! Кто сталкивался с проблемами у nested routes? У меня проблема в том, что children rotes не рендерятся, но если Я их выношу из children, то все становится OK. Вот скрин моего роута https://scrstorage.s3.amazonaws.com/01-18-m03n1.png Что Я делаю не так? Смотрел похожее поведенеи на форуме тут - https://forum.vuejs.org/t/nested-routes-view-help/14834/11 И как описание данной проблемы тут - https://codepen.io/autumnwoodberry/pen/jLPKWv?editors=1010 Сделал все как делают в описании, но у меня не сработало. Версия "vue-router": "^3.0.1"

Ёлка будет по традиции до мая стоять?

Сильные духом не выкидывают ее вообще. Пусть до декабря стоит

В Венгрии уже после 2го Января выкидывают… 🙁

Всем Привет! Кто сталкивался с проблемами у nested routes? У меня проблема в том, что children rotes не рендерятся, но если Я их выношу из children, то все становится OK. Вот скрин моего роута https://scrstorage.s3.amazonaws.com/01-18-m03n1.png Что Я делаю не так? Смотрел похожее поведенеи на форуме тут - https://forum.vuejs.org/t/nested-routes-view-help/14834/11 И как описание данной проблемы тут - https://codepen.io/autumnwoodberry/pen/jLPKWv?editors=1010 Сделал все как делают в описании, но у меня не сработало. Версия "vue-router": "^3.0.1"

Где нужно <router-view></router-view> расположил? И мне кажется, что с путями что-то не так. Хотя и не уверен.

И вообще, родитель как-то странно выглядит. Хуй знает, в общем.

дело в том, что когда Я выношу из children, все работает

Всем Привет! Кто сталкивался с проблемами у nested routes? У меня проблема в том, что children rotes не рендерятся, но если Я их выношу из children, то все становится OK. Вот скрин моего роута https://scrstorage.s3.amazonaws.com/01-18-m03n1.png Что Я делаю не так? Смотрел похожее поведенеи на форуме тут - https://forum.vuejs.org/t/nested-routes-view-help/14834/11 И как описание данной проблемы тут - https://codepen.io/autumnwoodberry/pen/jLPKWv?editors=1010 Сделал все как делают в описании, но у меня не сработало. Версия "vue-router": "^3.0.1"

1. У родителя должен быть router-view 2. Рутовый child должен иметь путь path: ''

Всем Привет! Кто сталкивался с проблемами у nested routes? У меня проблема в том, что children rotes не рендерятся, но если Я их выношу из children, то все становится OK. Вот скрин моего роута https://scrstorage.s3.amazonaws.com/01-18-m03n1.png Что Я делаю не так? Смотрел похожее поведенеи на форуме тут - https://forum.vuejs.org/t/nested-routes-view-help/14834/11 И как описание данной проблемы тут - https://codepen.io/autumnwoodberry/pen/jLPKWv?editors=1010 Сделал все как делают в описании, но у меня не сработало. Версия "vue-router": "^3.0.1"

А тут у родителя вообще компонент не указан.

^ С языка снял

Каким образом можно динамически вставить компонент имея: import Vue from 'vue'; ID контейнера куда вставлять надо

Всем Привет! Кто сталкивался с проблемами у nested routes? У меня проблема в том, что children rotes не рендерятся, но если Я их выношу из children, то все становится OK. Вот скрин моего роута https://scrstorage.s3.amazonaws.com/01-18-m03n1.png Что Я делаю не так? Смотрел похожее поведенеи на форуме тут - https://forum.vuejs.org/t/nested-routes-view-help/14834/11 И как описание данной проблемы тут - https://codepen.io/autumnwoodberry/pen/jLPKWv?editors=1010 Сделал все как делают в описании, но у меня не сработало. Версия "vue-router": "^3.0.1"

Нужно у родителя хотя бы { path: 'blablabla', component: { template: '<router-view></router-view>' }, children: [...] }

А тут у родителя вообще компонент не указан.

даже если указать не сработало

даже если указать не сработало

А второй пункт?

А второй пункт?

таже история...

таже история...

Можешь заскринить/скинуть код уже с исправлениями?

http://take.ms/XCC3P

а чатик "как связать между собой 2 таблицы" не скинуть?

что-нибуть про рел.субд. Но он лихо перескочил с арх-ры вью на субд лол

в одном вопросе

Можешь заскринить/скинуть код уже с исправлениями?

Вот gist на всяк случай - https://gist.github.com/rumur/610f7b316509a2362ea18d511a9bf7ca

Вот gist на всяк случай - https://gist.github.com/rumur/610f7b316509a2362ea18d511a9bf7ca

Ещё код родительского компонента, пожалуйста.

http://take.ms/XCC3P

Если в @/components/Dashboard только router-view, то лучше на литерал-компонент заменить.

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

http://take.ms/XCC3P

Мысль: а ты точно уверен что динамический импорт во всех случаях нормльно работает? Я просто обычно через require пишу.

Под родительским я подразумевал @/components/Dashboard, а не App.vue

добавил

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

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

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

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