VUE少ないスコープグローバルスタイルスタイルを追加するための、スタイルやこのページアプリ外側の要素のようなHTMLの体のためのメソッドを追加

1、VUE少ないスコープは、スタイルグローバルスタイルを追加します。

使用シナリオ:

例えば 

< divのクラスには、= "BD" V-HTML = "htmlStr" </> DIV > 

其中、htmlStr = ' < スパンクラス= "タイトル" >标题</ スパン> '

 

我々はスコープのスタイルを使用する場合は、.BD .TITLE {}は、効果を取ることができません。

あなたは深いポイントを使用することができます。例えば

.BD >>> .TITLE {}

それは働くことができます。以下、ローダなどローダーは自動的に無視されますので、>>>

ローダー>>>の一部は解決できない、という注意、深い/交換することができます/

.BD /ディープ/ .TITLE {}

どちらの方法は同等です。

分離層2、又は本体に設けられた素子特性等アプリケーションのhtmlページ。

まず第一に、私たちはもちろん、ページ内のスコープのタグを持つ新しいスタイルではない、と思います。しかし、これを書いた後、私たちは、他のページでも、汚染を受け見つけます。したがって、その後、声明サイクルによって作成され、再びbeforeDestroyedサイクルが取り除かクラスの方法を追加することを検討してください。

例えば:

作成した(){ 
    document.body.classList.add( 'ボディ・ホーム' ); 
  }、
  beforeDestroy(){ 
    document.body.classList.remove( 'ボディホーム' )。
  }、

 

おすすめ

転載: www.cnblogs.com/aleafo/p/12459916.html