|
|
|
2024.07.09
カテゴリ：Vue.js
 <!DOCTYPE html> <html lang="en"> <head> <title>ボタンでカウント</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> </head> <body> <div id="app"> <button class="b0" @click="up">count++></button> <p class="p0">Count: {{ count }}</p> </div> <script> const app=new Vue({ el:'#app', data:{ count:0, }, methods:{ up:function(){ this.count++ } } }) </script> <style> /* 無し */ body { background-color: pink; } /* id */ #app { background-color: green; } /* class */ .b0 { background-color: red; } /* class */ .p0{ color: blue; } </style> </body> </html> お気に入りの記事を「いいね！」で応援しよう
最終更新日
2024.07.12 08:58:01
コメント(0) | コメントを書く
[Vue.js] カテゴリの最新記事
|
|
