Vue-router без создания отдельного инстанса?

Question

[Алексей]

Как правильно записать пути роутера прямо в приложении vue, без использования new VueRouter ?

new Vue({
	el: "#app",
	data: {},
	router: router, //как вот тут правильно писать пути, без вынесения роутера за пределы
});

Попоробовал тупо скопировать объект, как и с другими свойствами Vue, но видимо так не работает, постоянно на чтонибудь да ругается.

Answer 1

[Дима Паутов]

new Vue({
  el: "#app",
  data: {},
  router: new VueRouter({
  routes: [
    // динамические сегменты начинаются с двоеточия
    { path: '/user/:id', component: User }
  ]
})
});

Comments

[Алексей]

Вот жеж, переменные из даты он всеравно не видит, как и компоненты вне роутера, есть способ их както прокинуть ? А то думал если создать внутри самого vue, то будут доступны.
//уточнение по переменным
он их не видит именно в скобках {{ }}

[Дима Паутов]

// регистрация
Vue.component('user', {
  template: '<div>Пользовательский компонент!</div>'
})

// создание корневого экземпляра
new Vue({
  el: "#app",
  data: {},
  router: new VueRouter({
  routes: [
    // динамические сегменты начинаются с двоеточия
    { path: '/user/:id', component: user}
  ]
})
});

[Алексей]

Дима Турков, вот о чем и речь, ReferenceError: user is not defined

Не знаю корректно ли отобразится https://codepen.io/anon/pen/jzbMpy?editors=1111

[Дима Паутов]

Алексей, не знаю, что вы там наделали, но страница каждую секунду у меня перезагружается

[Алексей]

Дима Турков, там тоже пишет что не может подгрузить этот компонент

Answer 2

[Алексей Ярков]

Как построить дом не начиная? )))
Правильно, никак.
Создавая инстанс new VueRouter на выходе не просто объект, который можно тупо скопировать.
На выходе объект, имеющий сопутствующие методы и свойства, без которых ничего работать не будет.

Comments

[Алексей]

Угу. Только вот вопрос в том, как теперь в этот объект глобальные переменные или даже тупо компоненты скинуть, потому как он видит только те, которые созданы внутри него.

[Алексей Ярков]

Алексей, OMG... Да что же там у вас происходит?
Какие переменные и компоненты вам надо внутрь VueRouter скинуть? Вы уверены что верно понимаете как работает VueRouter?

[Алексей]

Алексей Ярков, да, я могу представить работу роутера, про переменные я отдельно вопрос задал Использование внешнего инстанса vue в v-app? , vuetify похоже мне вообще все сломал )

[Алексей Ярков]

Я хз как вы читаете доки, но у меня и бас и роутер работают
https://codesandbox.io/s/l252z70m9m