ã€Vue.js】Scoped CSSよりCSS Modulesã®æ–¹ãŒãƒ™ã‚¿ãƒ¼ã ã£ãŸä»¶ - Qiitaコンãƒãƒ¼ãƒãƒ³ãƒˆå†…ã§é–‰ã˜ãŸè£…飾ã®æ‰‹æ³•ã¨ã—ã¦ã€ Scoped CSS(vue-loader ã®æ©Ÿèƒ½)ã‚„ CSS Modules, CSS in JS ãªã©ãŒæµè¡Œã£ã¦ã„ã¾ã™1。 Vue.js 㧠Single File Components を利用ã™ã‚‹å ´åˆã€ Scoped CSS ã¯æ‰‹è»½ã«åˆ©ç”¨ã§ãã¾ã™ãŒ CSS Modules ã«ã¤ã„ã¦ã‚‚手軽ã«åˆ©ç”¨ãŒã§ãã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã€æ¯”較をã—ã¦ã¿ã¾ã—ãŸã€‚ Scoped CSS, CSS Modules ã®åˆ©ç”¨æ–¹æ³• 実際ã«æ‰‹ã‚’å‹•ã‹ã—ã¦æ¤œè¨¼ã•ã‚ŒãŸã„æ–¹ã¯ã€ä»¥å‰ã«æ›¸ã„ãŸè¨˜äº‹2ã‚’å‚ç…§ã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã—ã¦ãã ã•ã„。
{{#tags}}- {{label}}
{{/tags}}