screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h3>Vue Js Convert Camel Case String into Snake Case String </h3> <div id="app"> <p>Camel Case: {{ camelString }}</p> <!-- myCamelCaseString --> <p>Snake Case:{{ camelToSnake(camelString) }}</p> <!-- my_camel_case_string --> </div> <script type="module"> const app = Vue.createApp({ data() { return { camelString: 'myCamelCaseString' }; }, methods: { camelToSnake(str) { return str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`); } } }); app.mount('#app'); </script> </body> </html>