T E C h O C E A N H U B

Simple Vue.js Program for beginners

Vue.js is very popular and excellent choice to start with Java script framework. It is often considered as powerful to build large web applications including small ones. It uses Html embedded code to make the front end development easier and faster. In the below example I have shown how to create a new Vue object using simple program.

Have a look at the extended version of simple Vue.js  program below.

Code Snippet:

   <!DOCTYPE html>
   <html>    
   <head>        
      <script src="vue.js">
      </script>   
  </head>    
  <body>        
     <div id="app">                        
         <p>{{mymessage}}</p>         
     </div>       
     <script>            
         new Vue({                
             el:"#app",                
                data:{                    
                   mymessage:"Welcome to Vue.js Learning"                
                    }                   
                    })                 
    </script>    
  </body>
 </html>

Above program is simple Vue.js code for beginners to understand that how Vue.js works and simple steps to download and  run the Vue.js program.

Feel free to try this example and comment below.

Copyright ©TechOceanhub All Rights Reserved.