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 Convet Snake Case String into Camel Case String </h3> <div id="app"> <p>Snake Case String: {{ snakeCaseString }}</p> <p>Camel Case String: {{ camelCaseString }}</p> </div> <script type="module"> const app = Vue.createApp({ data() { return { snakeCaseString: 'my_snake_case_string', camelCaseString: '' }; }, mounted() { this.camelCaseString = this.snakeToCamel(this.snakeCaseString); }, methods: { snakeToCamel(str) { return str.replace(/([-_]\w)/g, (g) => g[1].toUpperCase() ); } }, }); app.mount('#app'); </script> </body> </html>