Vue js加載器覆蓋全局css

我想用vue-loader組件中定義的css覆蓋全局css。Vue js加載器覆蓋全局css

目前我有這個index.html中：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Dashboard</title> 
    <link rel="stylesheet" href="build/styles.css"> 
</head> 
<body id="the-dashboard"> 
<div id="app"> 

</div> 


//...... Other Code Goes Here ......// 
</body> 
</html>

在我VUE組件我有一個範圍的風格：

<template> 
    // ..... Some Code Here ..... // 
</template> 

<style scoped> 
    // ... css code here ... // 
</style> 
<script> 
    // ... script goes here ... // 
</script>

我要的是，當這個組件加載，它應該完全覆蓋index.html中的全局CSS。也就是說，它應該以這樣的方式行事，即只有作用域的css應該是適用於整個主體的那種（應該不會使用在index.html中導入的css）。

這可能嗎？

來源

2017-02-28 rahulserver

''style scoped>'應該做到這一點？如果你的主要css文件類也出現在'