screen_rotation
Copied to Clipboard
<html> <head> <script type="importmap"> { "imports": { "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" } } </script> <body> <div id="app"> <h2>Get Object length in Vue Js</h2> <p>Object : {{carProperty}}</p> <button @click="myFunction">Get length</button> <p></p> <p>Length: {{result}}</p> </div> <script type="module"> import { createApp } from 'vue' createApp({ data() { return{ carProperty:{ 'carName':'Venue' , 'price': 1000000, 'model': 'hyundai', }, result : '' } }, methods:{ myFunction(){ this.result = Object.keys(this.carProperty).length }, } }).mount('#app') </script> </body> </head> </html>