スコープCSSは、私は、以下のフォームコンポーネント持っているコンポーネント

、CSS はにロードされません。scopedが除去されると、が適用されますないことが。

しかし、私はコンポーネントにローカルにしておきたいと思います。

scoped属性が存在する場合、CSSが適用されないのはなぜですか？

このページを更新するだけで済みます。明らかに、webpackは 'scoped'属性が適用されたときにページを自動リロードしません。 – alanbuchanan

ホットリロードはスコープ付きスタイルで動作するはずです。ホットリロード設定が正しく行われていることを確認してください：https://vue-loader.vuejs.org/en/configurations/extract-css.html –

これはページの完全リロードを行うことで解決されたようです。ホットリロードはscoped cssを処理する必要があります。

将来の視聴者のために、これはスコープ設定されたCSSが子コンポーネントに適用されていないときによく尋ねられます。これはdeep selectorsを使用して解決できます。（例：.selector >>> .desired-selector {}を使用）

2018-02-07 19:48:43 bdeo

ありがとう、これも私のために修正されました。 >>>ディープセレクタを使用するまではDOMを打つように書いていましたが、今はすべて動作します。 – ADP

答えて