У меня есть компоненты. js полный Vue .component экземпляров.
Затем я получил основной. js, где у меня есть маршрутизатор, и я использую компоненты для создания разные страницы.
По индексу. html У меня есть ссылки на страницы маршрутизатора.
Проблема в том, что при загрузке первой страницы не загружается шаблон. Если я нажму на ссылку «Домой», ничего не произойдет. Но если я нажимаю «О программе» или «Проект», страница полностью перезагружается. (Получил iframe с подсказкой, и он снова отображается.) Затем, после нажатия «О программе» или «Проект», все работает так, как должно.
*
Я попытался открыть example.com/#/ вручную на новой вкладке, но это то же самое.
main. js это как:
const About = { template: '<div>About</div>' }
const Home = { template: `
<web-header></web-header>
` }
const Project = { template: '<div>Project</div>' }
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/projects', component: Project }
]
const router = new VueRouter({
routes: routes
})
const app = new Vue({
router
}).$mount("#app");