- 先下載包，兩個(gè)包一起下荠耽，分開下都行
cnpm install -D sass-loader node-sass
//scoped 加上后此組件的 CSS 只作用于當(dāng)前組件中的元素裸准，
//如何實(shí)現(xiàn)： 是通過給不同組件里的div加上不同的屬性
//加上lang="scss"
<style lang='scss' scoped>
//定義的變量這樣組件里需要用到的一樣的屬性就可以使用這個(gè)變量盐数，提高了效率
$c_r:red;
$c_t:blue;
$f_M:"楷體";
.demo {
color: bisque;
font-size: 20px;
.aaa{
color: $c_r;
}
.bbb{
color: $c_t;
font-family: $f_M;
}
}
</style>
不同組件的元素都帶有不同的屬性 data-v-xxxx
-
這個(gè)包有時(shí)下載下來會(huì)報(bào)錯(cuò)备绽，運(yùn)行不了
- 解決辦法：
重新下載 將終端關(guān)掉 重新 cnpm run serve
如果還不行 簡單粗暴的將node_modules包刪掉 重新下載依賴 cnpm i
