screen_rotation
Copied to Clipboard
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h2>Vue Js Get Current Url</h2> <p>Current Url is {{ currentUrl}}</p> </div> <script type="module"> const app = new Vue({ el: "#app", data() { return { currentUrl: window.location.href }; } }) </script> <style> /* Style for the 'app' div */ #app { margin: 0 auto; max-width: 600px; } /* Style for the 'h2' element */ h2 { font-size: 28px; font-weight: bold; text-align: center; color: #333; } /* Style for the 'p' element */ p { font-size: 18px; line-height: 1.5; text-align: center; color: #666; } </style> </body> </html>