css - vue でローカルに参照されているスタイルがグローバルになるのはなぜですか?

Question

1.vue で参照されているローカル スタイルを他のページにも適用するにはどうすればよいですか? ルーターはページを切り替えた後、変更されたページのスタイルを読み込みます。

Answer 1

部分的なスタイルはローカルでのみ適用できます。グローバルに使用する必要がある場合は、パブリック クラスを app.vue に配置できます。

Answer 2

vue には、一般的なコンポーネント app.vue があり、グローバル レベルに昇格したいコマンドは、メインの vue の宣言型フレームワークの利点です。コンポーネントで定義されたメソッドまたはスタイルは、他のコンポーネントにバインドできます

Answer 3

CSS をローカル ファイルに書き込むだけですが、CSS がローカルでのみ動作するという意味ではありません。コンポーネント内でのみ機能させたい場合は、 scoped

を追加できます リーリー

Answer 4

2つの方法

• タグセレクターのスコープを自分で制御します

• コンポーネントテンプレートのスタイルにスコープを追加します。