Vue.JS Добавление шаблона / компонента в router.js - PullRequest
1 голос
/ 30 апреля 2019

Если кто-нибудь ответит мне, как импортировать некоторые шаблоны в route.js в Vue.js, я буду очень признателен:)

Это мой HTML

 <head>
 
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 

</head>
<body>
 <div id="app">
   <router-link to="/main">Main Page</router-link>
   <router-link to="/blog">Blog</router-link>
   <router-link to="/contact">Contact</router-link>
  
   <router-view></router-view>
 </div>
   
   <script src="/router.js"></script>  
 </body>
   

Далее я вставляю мой router.js

const Main = {template: '<p>Main page</p>'  }
const Blog = {template: '<h1>Blog</h1>' }
const Contact = {template: '<h1>Contact</h1>' }


const routes = [
 { path: '/main', component: Main },
 { path: '/blog', component: Blog },
 { path: '/contact', component: Contact }
]

const router = new VueRouter({ routes })

const routeapp = new Vue({ router }).$mount('#app')

Все отлично работает, но я хочу импортировать шаблон с собственными стилями, Js, CSS для каждого представления.Как я могу импортировать это?Я пишу здесь, потому что нигде в Интернете я не нашел информации

/ *!* Vue.js v2.6.10 * (c) 2014-2019 Evan You * Выпущено по лицензии MIT.* /

/ *!* vue-router v3.0.6 * (c) 2019 Evan You * @license MIT * /

1 Ответ

0 голосов
/ 30 апреля 2019

Для каждого маршрута вы упоминаете path и component.

Компонентом может быть любой компонент Vue JS. Итак, вы можете посмотреть документацию Vue JS .

Тем временем, если вам нужен пример использования Vue Router с немного более четко определенными компонентами, вы можете обратиться к этому руководству:

https://scotch.io/tutorials/getting-started-with-vue-router

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...