エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.jsのScoped CSSがいかにしてスコープを実現しているのか検証してみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.jsのScoped CSSがいかにしてスコープを実現しているのか検証してみた - Qiita
vue-loader では <style scoped> を用いることで、 各コンポーネントで scoped CSS をシミュレートする... vue-loader では <style scoped> を用いることで、 各コンポーネントで scoped CSS をシミュレートすることが可能 です。 この機能は手軽に利用できるものの、どういった仕組みでスコープを実現しているのか、注意すべき点は何なのかが気になったため、実際にコードを書いて検証してみました。 動作環境 macOS Mojave Node.js 10 @vue/cli 3.8.4 Vue 2.6.10 vue-loader 15.7.0 Chrome 75 プロジェクトを作成 vue-cli でプロジェクトを作成します: vue create scoped-css-test # 今回はプリセットに default (babel, eslint) を選択 cd scoped-css-test (vue-cli をグローバルにインストールしたくない場合は vue コマンドの