screen_rotation
Copied to Clipboard
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <div v-bind:style="{ 'color': color, 'font-size': fontSize + 'px','background-color':bgColor }">Font Awesome Icons</div><br> <button @click="changeStyle">Change Style</button> </div> <script type="module"> const app = new Vue({ el: "#app", data() { return { color: 'red', fontSize: '20', bgColor: 'black' } }, methods: { changeStyle() { this.color = 'green'; this.fontSize = 25; this.bgColor = 'orange' } } }); </script> </body> </html>