<div id="app">
  <home></home>
  <shop></shop>
  <contact></contact>
</div>
Vue.component("home", {
  template: `<div>home</div>`
})
Vue.component("shop", {
  template: `<div>shop</div>`
})
Vue.component("contact", {
  template: `<div>contact</div>`
})

let app=new Vue({
  el: "#app",
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js