screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h3>Vue Js Concat text class usign template sytax</h3> <div :class="'my-class ' + additionalClass">Hello, Vue.js This Font Awesome Icons</div> </div> <script type="module"> const app = Vue.createApp({ data() { return { additionalClass: 'additional-class', }; }, }); app.mount('#app'); </script> <style> .my-class { color: blue; } .additional-class { font-weight: bold; } </style> </body> </html>