The following Vue tutorials show how to use Vue calendar and scheduler components from DayPilot Pro to create a single-page scheduling application.
Vue.js is an open-source JavaScript framework that lets you create single-page web applications.
One of the big advantages over Angular and React is that no compilation is required and you can use the framework in existing HTML pages easily. The main concept is similar to other JavaScript frameworks but Vue.js is very light-weight and uses plain JavaScript. Vue.js integrates with existing pages very well and doesn’t impose a specific application structure. Recently, a package-based mode was introduced where the application gets compiled just like in Angular and React.
All JavaScript UI components that are available in DayPilot Pro for JavaScript are available for Vue.js (Daily Calendar, Weekly Calendar, Monthly Calendar, Scheduler, Gantt Chart, Kanban).
If you are looking for an open-source Vue calendar component, you may want to check the Vue.js Weekly Calendar Tutorial (Open-Source) tutorial.
For a quick introduction to using the Vue Scheduler component (which displays a timeline for multiple resources), please see the Vue Scheduler: Build a Reservation Application in 5 Minutes tutorial.
If you want to start with a quick testing project, you can use UI Builder online application to configure the Vue.js components and generate a new project including all dependencies.
Also, you can explore our Composition API calendar/scheduling tutorials.