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

Question

a.vue

リーリー

b.vue

リーリー

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

Answer 1

@import のせいだと思います

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

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

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

Answer 2

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

Answer 3

置くだけ@import '../css/bootstrap.css';去掉；
换成<style src="../css/bootstrap.css" scoped></style>で準備完了