katonobo’s blog

プログラミング中心の雑記ブログ

【備忘録】【Vue.js】Vue.jsのstyleタグは、scopedを入れる方がいいのか?

Vue.jsの素晴らしいところに、拡張子「.vue」の単一コンポーネントがあります。

単一コンポーネントは、「template」「script」「style」の三つで構成され、それぞれざっくりとHTML部分、javascript部分、CSS部分に別れています。この3つが一つのファイルに入っていることで、コンポーネント(部品)として再利用ができたり、見通しがよくなったりします。

この機能が僕は大変気に入っているんですが、その中で、「style」タグを、「scoped」と言う固定付きのCSSという機能があります。

 

スコープ付き CSS · vue-loader

 

これが、いろんな人のコードを見てると付いてたり付いてなかったり様々です。

好みの問題ということになると思うんですが、僕は全部につけないようにしようと決めました。理由は、いろんな情報を見ていると何だかつける方がややこしくなりそうだからです。

 

qiita.com

ことコードに関しては、なるべくシンプルにした方がバグとか問題が起きた時に解決しやすくなりますので、僕レベル()だと相当大事です。

皆さんはどうされているんでしょうか?

 

【PR】