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文件类也出现在'