javascript – Wie man im komponentenbasierten Entwicklungsmodell von vue.js dafür sorgt, dass der Stil nur auf diese Komponente und ihre Unterkomponenten angewendet wird.
怪我咯
怪我咯 2017-05-18 10:51:18
0
1
911

Wenn Sie einen Gültigkeitsbereich verwenden, kann sich der Stil nur auf die aktuelle Komponente auswirken, nicht jedoch auf deren Unterkomponenten. Manchmal gibt es aufgrund von Designproblemen viele gemeinsame Stile zwischen verschiedenen Unterkomponenten. Ich möchte den Master fragen, ob dies der Fall ist nur auf diese Komponente und ihre Unterkomponenten angewendet werden.

怪我咯
怪我咯

走同样的路,发现不同的人生

Antworte allen(1)
漂亮男人

不使用scoped并自己把控制握好css命名空间

可以对每个组件都用特定唯一的class命名,且该组件的css都在该命名的范围内。

例如 header是index的子组件

    .header-comp{
        h2{
            
        }
        .title{
        
        }
    }
    .index-view{
        .container{
        
        }
    }

最终渲染

    <p class="index-view">
        <p class="header-comp"></p>
    </p>
    .index-view{}
    .index-view xxx{}
    .header-comp{}
    .hader-comp .xxxx{}
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!