Building a static application with Vue.js

Now that we have initialized a project, let's move ahead with creating a static web application. Don't forget to make a repository on GitHub and commit and push changes regularly.

When you visit the URL http://localhost:8080/#/, you will see a default page rendered. This piece of code is written in src/components/HelloWorld.vue.

If you look into build/webpack.base.conf.js, you will see this line of code in the module.exports section:

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  },
  output: {

This means, when you run the app, this main.js will be the entry point for the app. Everything will start from there. Let's have a quick look at that main.js file inside src:

// The Vue build version to load with the `import` command
// (runtime-only or standalone...