Vue.JS 将模板/组件添加到路由器.js

如果有人给我一个答案，如何在 Vue.js 中将一些模板导入路由.js，我将不胜感激：)

这是我的网页

<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>

接下来，我粘贴我的路由器.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 的模板导入每个视图。如何导入它？
我写在这里是因为互联网上没有任何地方我没有找到任何信息

对于每条路线，您都提到了一个path和一个component。

该组件可以是任何 Vue JS 组件。所以，你可以看看 Vue JS 库文档。

同时，如果你需要一个使用 Vue 路由器和定义更明确的组件的示例，你可以参考本教程：

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

相关内容

最新更新

热门标签：