{"blog_title":"Yuta Nakata\u306eBlog","width":"100%","height":"190","image_url":"https://devio2023-media.developers.io/wp-content/uploads/2020/01/vue-eyecatch.jpeg","categories":["Vue","Vue.js"],"provider_url":"https://hatena.blog","url":"https://www.yuta-nakata.net/entry/2025/07/18/212849","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.yuta-nakata.net%2Fentry%2F2025%2F07%2F18%2F212849\" title=\"\u3010Vue.js\u3011Style\u30bf\u30b0\u306e\u77e5\u3089\u308c\u3056\u308bCSS\u6a5f\u80fd\u307e\u3068\u3081\uff5cscoped\u30fbmodule\u30fbv-bind\u89e3\u8aac - Yuta Nakata\u306eBlog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","title":"\u3010Vue.js\u3011Style\u30bf\u30b0\u306e\u77e5\u3089\u308c\u3056\u308bCSS\u6a5f\u80fd\u307e\u3068\u3081\uff5cscoped\u30fbmodule\u30fbv-bind\u89e3\u8aac","version":"1.0","description":"\u3053\u306e\u8a18\u4e8b\u3067\u308f\u304b\u308b\u3053\u3068 <style scoped> \u3068 <style module> \u306e\u9055\u3044\u3068\u4f7f\u3044\u5206\u3051 :deep() / :slotted() / :global() \u306e3\u3064\u306e\u7279\u6b8a\u30bb\u30ec\u30af\u30bf\u30fc\u306e\u5f79\u5272 v-bind() \u3092\u4f7f\u3063\u3066CSS\u306b\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u72b6\u614b\u3092\u6d41\u3057\u8fbc\u3080\u65b9\u6cd5 useCssModule() \u3067 <script setup> \u304b\u3089CSS Modules\u3092\u6271\u3046\u65b9\u6cd5 scoped\u3092\u4f7f\u3046\u3068\u304d\u306b\u8e0f\u307f\u304c\u3061\u306a\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u4e0a\u306e\u843d\u3068\u3057\u7a74 \u80cc\u666f Vue\u306e\u3082\u3064 <style scoped> \u3068 <style module> \u306e\u9055\u3044\u3092\u8aac\u660e\u3067\u304d\u307e\u3059\u304b\uff1f Vue SFC\uff08\u5358\u4e00\u30d5\u30a1\u30a4\u30eb\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\uff09\u306e <sty\u2026","author_name":"yuta-nakata","provider_name":"Hatena Blog","published":"2025-07-18 21:28:49","blog_url":"https://www.yuta-nakata.net/","type":"rich","author_url":"https://blog.hatena.ne.jp/yuta-nakata/"}