JavaScript - vue の単一ファイルスタイルでスコープ指定されているのは無効です。理由を教えてください。

Question

a.vue {code...} b.vue {code...} しかし、b.vue にアクセスすると、boostrap スタイルが付属します。Scoped にはスコープを分離する効果はありません。

phpcn_u1582 · Answer

@import のせいだと思います

まず、vue-loader のスコープの原則を見てみましょう:
https://vue-loader.vuejs.org/...

ブートストラップスタイルのページは、ブートストラップ CSS が vue-loader によって処理されていないことを意味します。次に、次の postcss および @import キーワードを検索した結果、postcss-import プラグインが見つかりました:
https://www .npmjs.com/パッケージ…

このプラグインを使えば問題は解決すると思いますが、テストはしていないのであくまで推測です

过去多啦不再A梦 · Answer

b の親ページを探し、レベルごとに上がります。そのページから参照されている必要があります

大家讲道理 · Answer

置くだけ@import '../css/bootstrap.css';去掉；
换成で準備完了

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル