我是否可以在沒有Vue Loader的情況下包含scoped css？

對於Vue被投入的項目，是否使用可用於組件的樣式或類似項目？我是否可以在沒有Vue Loader的情況下包含scoped css？

Vue.component('vue-sup', { 
    template: '<div>Sup</div>', 
    style: '* { color: blue; }' 
})

我嘗試添加樣式的模板中，如：

<div> 
    <style> 
     .here{} 
    </style> 
    <div>Sup</div> 
</div>

因爲模板分析器檢測到的副作用標籤，沒有工作

2017-10-09 David Alsh

Vue公司的執行範圍的CSS是完全vue-loader的一個特性，因此僅適用於編譯。應用範圍的CSS暫時在Html5中首次亮相，但幾乎沒有採用，並據我所知完全丟棄。有一種預期，「Shadow DOM」可能會得到廣泛的支持，可以用來添加有限範圍的CSS，但採用還沒有。

所以在這一點上，你可以添加獨特的類或標識顯然是父容器和範圍你的CSS這種方式，但可以理解，不是你要求的，也不是一直實用。

最好的選擇是pollyfill。有幾種可用的。這是一個由Sam Thorogood和另一個由Thomas Park，但如果你做一個快速搜索，你可能會發現更多。

2017-10-09 09:06:51 skribe

非常好的解決方案。唯一的問題是，當我在模板中包含'

相關問題

回答