vuejsコンポーネントの `scoped`と` module`の違いは何ですか？

Question

「スコープ付き」ではCSSスタイルをコンポーネントに分けることができるので、vuejsコンポーネントのscopedとmoduleの違いは何ですか？スコープを超えてモジュールを使用するのはいつですか？ docsによると

Answer 1

：

CSSモジュールだから、シミュレートされたスコープのCSS

のための代替として、それは代替だ - それは親コンポーネントのscopedは、子コンポーネントができることを意味していることも注目に値しますCSSが表示されますが、moduleを使用すると、this.$parent.$style.redにアクセスしてスタイリングにアクセスできます。

<style module> 
    .red { 
    color: red; 
    } 
</style> 

<script> 
    export default { 
    created() { 
     console.log(this.$style.red) 
    } 
    } 
</script> 

：

しかしそれはあなたが、あなたのコード内からあなたのCSSにアクセスできるという利点を持っていません