[Vue.js]Scopedè¨å®šã®Sassã§å¤–部コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’スタイリングã™ã‚‹[Vue.js]Scopedè¨å®šã®Sassã§å¤–部コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’スタイリングã™ã‚‹ æ›´æ–°æ—¥: 2019/10/22 公開日: 2019/05/16カテゴリー: JavaScript Vue.jsã§å¤–部コンãƒãƒ¼ãƒãƒ³ãƒˆã«CSSを割り当ã¦ãŸã„ã¨ããŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚大体ã¯è¦ªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‹ã‚‰åコンãƒãƒ¼ãƒãƒ³ãƒˆã¸ã®å¹²æ¸‰ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ãã‚“ãªã¨ãã¯ãƒ‡ã‚£ãƒ¼ãƒ—セレクタを使用ã—ã¾ã™ã€‚以下ã¯ã€ŒChildComponent.vueã€ã¨ã„ã†åå‰ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå†…ã®ã€Œ.child-elementã€ã‚¯ãƒ©ã‚¹ã«å‰²ã‚Šå½“ã¦ãŸä¾‹ã§ã™ã€‚ <template> <div class="parent-component"> <child-component /> </div> </template> <script> import ChildComponent from 'ChildComponent.vue' export de
![[Vue.js]Scopedè¨å®šã®Sassã§å¤–部コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’スタイリングã™ã‚‹](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3e97c5341963e1c12bca1a015d2478aea39c48a/height=288;version=1;width=512/https%3A%2F%2Fincrement-log.com%2Fwp-content%2Fuploads%2F2019%2F10%2Fdefault.png)
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å¯¾ç– ~XSSç·¨~ / #frontkansai 2019
{{#tags}}- {{label}}
{{/tags}}