vue js project code example

Example 1: create vue project

npm install -g @vue/cli
//then
vue create hello-world

Example 2: vuejs cdn

/*for development ===>*/ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
/*for production ===>*/ <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

Example 3: install vue-cli

npm install -g vue-cli    //make sure you have node and npm installed 
vue init webpack <appname>  //  eg:  vue init webpack myapp
cd <appname>               // cd myapp
npm install
npm run dev  //server will start in port 8080

Example 4: How to create a vue cli app

Use npx @vue/cli create myapp

Example 5: vue js implementation

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Example 6: vue js implementation

<div id="app">
  {{ message }}
</div>