Now that we have the Vue library available to use, we need to create our Vue app. All Vue apps are instances of the Vue
class provided by the imported Vue library. As with all classes, we must use the new
keyword to make an instance of this class, like so:
const app = new Vue({});
As seen in this example, the only parameter the Vue constructor takes is an object, called the options object, that will contain all the information (options) the Vue app needs to function. We will cover many of the options you can add to this object in the following exercises.
Instructions
In app.js, create a new Vue app using the code snippet provided above.
Now let’s import app.js into the same HTML file where we imported the Vue library. In index.html, add the following <script>
tag on the line after importing the Vue library:
<script src="./js/app.js" defer></script>