Vueでボタンを別コンポーネントにする - Qiita

Vueにはコンポーネントという仕組みがあり、ボタンやフォームなどのWebサイトで使うパーツを別ファイルで部品化して使い回せるように作ることもできます。 そこで、ボタンを部品化してみました。 部品化したボタンコンポーネントはこちらです。 //ボタンを別コンポーネントにする <template> <div class="BtnCpnt"> <buttoncpnt>送信</buttoncpnt> </div> </template> <script> </script> <style> .app{ background-color: #afeeee; border-radius: 1.5em; box-shadow:0 0.2em 0.5em rgba(0,0,0,0.2); padding:1em 2em; color: #2f4f4f; font-weight: bold; text-dec