Instantly share code, notes, and snippets.

Embed
What would you like to do?
// 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')
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment