Using Vue.js in an HTML page
To use Vue.js in an HTML page, simply insert the library file into it using the <script> tag.
To check that Vue.js is correctly integrated into the page, let’s display the version number of the library in the Vue.version variable:
Displaying Vue.js version number (index.html file)
<html>
<head>
<meta charset="utf-8" />
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
</body>
<script>
alert(`Vue.version = ${Vue.version}`);
</script>
</html>
If Vue.js is accessible in the page, the Vue object provides access to the version number in its version property as we can see in the following figure:
Figure 3.1 – Displaying the Vue.js version number
Now that...
