Is it possible to use component import if Vue.js is connected to the landing page through a script?

Question

Vue.js

and tell me where you can find made-up landing pages on Vue.js, for example

Answer 1

just like this:

Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: '<button v-on:click="count++">Счётчик кликов — {{ count }}</button>'
})

In theory it is possible, but does it make sense? will not be the same as in

Answer 2

Oh gods. Why use Vue on a landing page if you don't know how to use it?
Well, let's say I answer you how, then it will become easier or we will see the next question, but how in Vue?

import Vue from 'vue'
import Calc from './Calc.vue'

new Vue({
  render: h => h(Calc)
}).$mount('#calc')