<component :is="selectedComponent" @changeComponent="selectComponent"></component>

можно даже v-model настроить :)

это понятно, проблема с доступом через другие компоненты, предположим у нас это прописано в App.vue и там же метод с вычисляемым свойством, но как получить доступ к этому методу в другом компоненте, например в Menu.vue есть кнопка которая должна вызывать метод в компоненте App

который поменяет компонент на другой

В Menu.vue:

methods: { goHome () { this.$emit('selectComponent', HomePage) } }

Можешь набросать в app.vue небольшой роутер: goto (pageId = 'default') { this.selectedPage = pagesMap[pageId] }и эмитить только имя страницы из дочерних компонентов this.$emit('gotoPage', 'home')

можешь расширить Vue.prototype и добавить внего goto: this.goto('home')

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

а $emit как я понял позволяет вызывать методы родительского компонента?

а $emit как я понял позволяет вызывать методы родительского компонента?

эмит слушает события и дергает методы в родителе

ой

че я несу

а $emit как я понял позволяет вызывать методы родительского компонента?

не совсем так, это скорее как баблинг ивентов

эмит отправляет событие

$emit триггерит методы в атрибутах компонентов, перечисленные через @: <component @gotoPage="changePage">…

а еще не забудь обновлять url при изменении страницы

и инициализировать нужный компонент, при загрузке

так что появляется еще сервис для HisoryAPI

И получишь vue-router

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

И получишь vue-router

но очень простой

:D

и свой

что самое главное )

главное, что свой)

у него не будет forward & back, он не умеет вложенные роуты, нужно будет подключить qs из npm'а, чтобы красивые параметры в URL писать

но зато свой

вот здесь можешь вдохновится идеями для своего роутера: https://router.vuejs.org/

вперед назад то же можно через хитори апи разрулить

Но за то свое

сам писал.

В документации не написано что $on ложит callback в кучу, из-за этого пришлось лести в исходники и смотреть почему события выполняются по два раза(

в общем, спасибо всем за помощь, я тут понял, что пытался свой велосипед сделать, когда уже есть плагин роутера :D

Просто я еще думал, что у роутера не получится сделать красиво переходы, но на деле https://router.vuejs.org/en/advanced/transitions.html все предусмотрено

угу. Про переходы еще можно почитать в основной доке Vue

кто использовал vue-multiselect? он возвращает объекты, как из ряда объектов достать только один атрибут? к примеру отдал он мне два объекта: { name: 'Vue.js', id: 1 }, { name: 'Adonis', id: 7 }, как мне собрать из каждого только id и положить в одну переменную?

привет. не подскажете как передать событие в метод? что то вроде onClicked(event) {event.target} ?

фронтенд который мы заслужили

@yourevent="method($event)"

спасибо!

кто использовал vue-multiselect? он возвращает объекты, как из ряда объектов достать только один атрибут? к примеру отдал он мне два объекта: { name: 'Vue.js', id: 1 }, { name: 'Adonis', id: 7 }, как мне собрать из каждого только id и положить в одну переменную?

как он может отдать два объекта?

ну это разве не два объекта? [ { name: 'Vue.js', id: 1 }, { name: 'Adonis', id: 7 }, ]

ну он то тебе один вернет, когда ты веберешь что то

а как выбрать, если мне к примеру все имена нужны или все айдишники?

что значит "все" ?

1 и 7 мне нужно положить в одну переменную. строкой

А, у тебя множественный выбор?

да

как из одного объекта достать мне понятно. а вот как собрать из нескольких я не знаю.

оно тебе массив возвращает

массив объектов

ну да

кто использовал vue-multiselect? он возвращает объекты, как из ряда объектов достать только один атрибут? к примеру отдал он мне два объекта: { name: 'Vue.js', id: 1 }, { name: 'Adonis', id: 7 }, как мне собрать из каждого только id и положить в одну переменную?

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

а тебе что получить надо? массив?

А в VSCode для однофайловых компонентов что используете ? VETUR ? У меня вроде не работает ((

А в VSCode для однофайловых компонентов что используете ? VETUR ? У меня вроде не работает ((

да

да

Без доп настроек заработал ?

да вроде да

а что не работает?

мне надо определять принадлежность поста к категории, но пост может пренадлежать сразу к 3, в базу я хочу отнести айдишники категорий, так что думаю да, массив надо

мне надо определять принадлежность поста к категории, но пост может пренадлежать сразу к 3, в базу я хочу отнести айдишники категорий, так что думаю да, массив надо

ну что то типа this.value.map(item => item.id)

вернет массив id'шников

а что не работает?

Ну например автодополнение в import from '...'

ERROR: S client not available

Подскажите полезные плагины под vscode

а оно должно там работать?

Плиз)

Подскажите полезные плагины под vscode

не хочу холиварить, но почему не саблайм?

Повторю вопрос ибо очень надо: PostCSS Nested или подобное кто нибудь настаивал с Webpack и VueJS?

не хочу холиварить, но почему не саблайм?

Зачем саблайм если есть vim?

Зачем саблайм если есть vim?

vim не так прост)

не хочу холиварить, но почему не саблайм?

там eslint не работает (нормально не работает)

не хочу холиварить, но почему не саблайм?

Давно использую саблайм, использовал vscode, пока писал на реакте, очень удобно все было. Когда пересел на вью не получилось удобно настроить vs code и вернулся на саблайм. Вот хочу попробовать снова вижуал

А Pug использовать есть смысл или с ним запутаться проще ))

Ходят слухи, что люди в этом чатике пользуются

А Pug использовать есть смысл или с ним запутаться проще ))

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

главное, не ошибиться с отступом))

подскажите, почему такой огромный размер файла app.js? 2.8 mb как-то черезчур. http://dl3.joxi.net/drive/2017/05/30/0016/3113/1055785/85/eb81680164.jpg

главное, не ошибиться с отступом))

точно) Pug кому-то нравится, кому-то нет. Мне не зашёл. И отступы и остальные конструкции помнить надо. Слишком много всего, что надо помнить.

подскажите, почему такой огромный размер файла app.js? 2.8 mb как-то черезчур. http://dl3.joxi.net/drive/2017/05/30/0016/3113/1055785/85/eb81680164.jpg

может быть потому что не минифицированно пока?

точно) Pug кому-то нравится, кому-то нет. Мне не зашёл. И отступы и остальные конструкции помнить надо. Слишком много всего, что надо помнить.

Ага. Можно ошибиться и не узнать об этом

Кто знает, в чем может быть ошибка? [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. Для сборки компонентов использую gulp + browserify + vuefy + babelify, но вью не хочет запускать компонент и выкидывает ошибку

ты когда через vue cli создавал проект

он тебе предлагал выбор

runtime + onbuild compiler

я не через cli создавал)

либо runtime only

хм.

больше нет предположений?(

А кто какой спиннер использует без без пакетов *uefy?

больше нет предположений?(

гуглил?

да, по крайней мере пытался, да и сейчас пытаюсь

ну он тебе написал, что ты не тот билд vue используешь. Вернее, тот, в котором нет компилятора шаблонов

дальше сам разберешся?

упс не туда)