加了scoped的樣式，在打包後，就會給同乙個帶有scoped的style裡面的樣式增加一段特殊標識，看下面例子就曉得了：
/*打包後在.css檔案中就成了如下：*/
.one h1[***xx]
h2[***xx]
h4[***xx]
/*這裡的***xx在同乙個scoped裡面的都一樣，不同的不一樣*/
/*比如這裡引入乙個元件，現在我要改變這個元件中的h1*//*打包後，就成了*/
h1[2222222]
/*元件中的h1本來卻是如下*/
h1[111111]
/*這就是為什麼你改不了的原因了,改的不是乙個東西h1[***x]*/
/*這種打包後是不帶標識的*/
h1.login-page h1{}
/*加特殊標識是為了不影響其他地方的*/
Vue中的scoped和scoped穿透
文章摘自 一 什麼是scoped 在vue檔案中的style標籤上有乙個特殊的屬性 scoped。當乙個style標籤擁有scoped屬性時候，它的css樣式只能用於當前的vue元件，可以使元件的樣式不相互汙染。如果乙個專案的所有style標籤都加上了scoped屬性，相當於實現了樣式的模組化。二 ...
vue 關掉vue專案中的ESlint
在新建專案的時候，還信心滿滿的要標準開發，於是開啟了eslint 檢測，後來才發現，想法的太天真，空格縮排不對都要報錯，而且我對錯誤是0容忍。並且一般都是用外掛程式對 進行格式化，但還是很多錯誤，實在不想一遍遍去排查，於是找了找資料，關掉專案中eslint 但是eslint也有可取之處。它可輔助規範...
vue中scoped的原理
實現元件的私有化，不對全域性造成樣式汙染，表示當前style屬性只屬於當前模 塊 實現原理 通過觀察dom結構可以發現 vue通過在dom結構以及css樣式上加上唯一的標記，保證唯一，達到樣式私有化，不汙染全域性的作用，如圖，樣式屬性上也會多乙個該字元，以保證唯一 可以看出加上scoped後的元件裡...