Vue.JS将模板/组件添加到router.js

时间:2019-04-30 11:33:29

标签: vue.js vue-component vue-router

如果有人给我答案如何将一些模板导入Vue.js中的route.js,我将非常感激:)

这是我的html

localCache.insert(userPreferences, InsertCallback {
    // lambda here
})

接下来,我粘贴我的router.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,css的模板导入每个视图。 如何导入?
我在这里写是因为在互联网上找不到信息

/ *!  * Vue.js v2.6.10  *(c)2014-2019年Evan You  *根据MIT许可证发布。  * /

/ *!   * vue路由器v3.0.6   *(c)2019埃文·尤   * @许可证麻省理工学院   * /

1 个答案:

答案 0 :(得分:0)

对于每条路线,您都提到一个path和一个component

该组件可以是任何Vue JS组件。因此,您可以查看Vue JS library文档。

同时,如果您需要使用Vue Router以及更多定义明确的组件的示例,则可以参考本教程:

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