islands5 blog

日々起こったことを共有したり、思ったこと、勉強したことを書いていくブログ。普段はRailsやAWSを活用したWeb系の開発をやってます。

vue-materialのコードを読んでみる〜button編〜v1

カスタマブルなコンポーネント作成を行うためにコードリーディング

今日気になった部分は
vue-material/MdButton.vue at dev · vuematerial/vue-material · GitHub

md-buttonにclassを渡してテンプレにclassが渡る部分
ここでmd-primaryなどを渡すことで、ボタンのカラーを変更したりできる

クラスとスタイルのバインディング — Vue.js

vueの標準仕様で

カスタムコンポーネント上で class 属性を使用するとき、これらのクラスはコンポーネントの root 要素 に追加

とのことです
なるほど!!