Building Applications with Spring 5 and Vue.js 2

Vue instance

Creating a Vue instance is the start of every Vue.js application. Typically, a Vue application consists of two types of Vue instance—the root Vue instance and component instances. You create the root instance with the Vue function, as follows:

new Vue({/* options */});

The options object here is where you describe your application. Vue.js takes this object and initializes the Vue instance.

Let's create a simple application, called the Messages App and see how to use the options object. This SPA has the following features:

• Add a message
• View messages list
• Delete a message
• Automatically disable the add feature under certain conditions

We will start by creating the index.html file and, from there, we will build our application ...