If you are using the CDN option, then first of all, create a .html file in your project root with the following basic HTML structure and include the CDN links in the <head> block:
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
</head>
<body>
//...
</body>
</html>
After that, you can get Vue Router started very quickly by following these steps:
- Create the app base with the following markups in the <body> block:
<div id="app">
<h1>Hello App!</h1>
<p>
<router-link to="/about">About</router-link>
<router-link to="/contact">Contact</router-link>
</p>
<router-view></router-view>
</div>
<script type="text/javascript">...
