我怎麼能包括vuejs CSS JS在某些頁面

<template> 
    <div> 
    <sidnav></sidnav> 
    <topnav></topnav> 
    </div> 
</template> 

<script> 
    import sidnav from '@/components/sidnav.vue' 
    import topnav from '@/components/topnav.vue' 
    export default { 
    components: { 
     sidnav, 
     topnav 
    } 
    } 
</script>

這是在儀表板的家，它會扔路線和sidenav topnav我怎麼能包括vuejs CSS JS在某些頁面

我試圖與VueJS管理面板。我能夠登錄並加載js和cssindex.html 但是當我製作儀表板時，我不知道如何加載或僅包含儀表板css和js。

所以有辦法將'js'和'css'墨水包含到儀表板主頁中。

來源

2017-05-06 hamed alholi

鏈接未被添加。 –

您可以生成兩個單獨的構建文件（使用webpack或gulp），一個用於主應用程序，一個用於管理面板。之後，您只能在管理頁面中導入管理包。另一種解決方案是將css嵌入到管理面板組件中的style標籤中。

來源

2017-05-06 11:36:26 forgiangi

您有幾種選擇，的事情VUE開發者建議之一就是把所有的相關的CSS withing的.vue文件，以便：

<template> 
    <div class="someselector"> 
    <sidnav></sidnav> 
    <topnav></topnav> 
    </div> 
</template> 

<script> 
... 
</script> 

<style> 
.someselector { 
... 
} 
</style>

然後裏面sidnav.vue，相同風格的CSS的事情。

無論如何，如果你想有一個CSS文件，你可以做

<style> 
    @import 'YOURPATH/to/file.css'; 
</style>

現在，如果你想要的是導入/要求文件（JS和CSS），以及被稱爲「自動「在你的捆綁文件夾中，那麼你需要更具體，共享webpack或gulp配置等。

來源

2017-05-06 14:21:06

我怎麼能包括vuejs CSS JS在某些頁面

回答

相關問題