app.js

// Your corresponding keys
Parse.initialize("YOUR_APP_ID", "YOUR_JAVASCRIPT_KEY");

// For back4app applications, this url is
// 'https://parseapi.back4app.com'
Parse.serverURL = 'YOUR_SERVER_URL'


// Assign LoginComponent
const LoginComponent = Vue.component('login-component', {
    template: '<div class="signin-wrapper text-center"> \
    <form class="form-signin"> \
      <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1> \
      <label for="inputEmail" class="sr-only">Email address</label> \
      <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus=""> \
      <label for="inputPassword" class="sr-only">Password</label> \
      <input type="password" id="inputPassword" class="form-control" placeholder="Password" required=""> \
      <button class="btn btn-lg btn-primary btn-block" type="button">Sign in</button> \
      <p class="mt-5 mb-3 text-muted">© 2017-2018</p> \
    </form> \
  </div>'
})

// Assign HomeComponent
const HomeComponent = Vue.component("home-component", {
    template : "<div> \
    <h1> Hello World! </h1> \
    </div>"
})
// Declare the route mapping
const routes = [
  { path: '/', component: HomeComponent },
  { path: '/login', component: LoginComponent }
]
// Initialize the router
const router = new VueRouter({
  routes // short for `routes: routes`
});
// Attach the router to the vue instance
const app = new Vue({
  router
}).$mount('#app')