How to use the dotnetify/vue.vue function in dotnetify

import dotnetify from 'dotnetify/vue';
import App from './App.vue';
import SimpleList from './SimpleList.vue';
import LiveChart from './LiveChart.vue';

dotnetify.debug = true;

// Set the components to global window to make it accessible to dotNetify routing.
Object.assign(window, { SimpleList, LiveChart });

dotnetify.vue.router.$mount('#App', App);

created() {
    this.vm = dotnetify.vue.connect("HelloWorldVM", this, { watch: ['FirstName', 'LastName'] });
  },
  destroyed() {

created: function () {
    this.vm = dotnetify.vue.connect("HelloWorld", this);
  },
  destroyed: function () {

created() {
    this.vm = dotnetify.vue.connect("SimpleListVM", this);
  },
  destroyed() {

created() {
    let authHeader = { Authorization: 'Bearer ' + this.accessToken };
    this.vm = dotnetify.vue.connect("AdminSecurePageVM", this, {
      headers: authHeader,
      exceptionHandler: ex => { }
    });
  },
  destroyed() {

created: function () {
    this.vm = dotnetify.vue.connect("BookStoreVM", this);
    this.vm.onRouteEnter = (path, template) => (template.Target = 'BookPanel');
  },
  destroyed: function () {

created() {
    this.vm = dotnetify.vue.connect("BookDetailsVM", this);
  },
  mounted() {

created() {
    this.vm = dotnetify.vue.connect("LiveChartVM", this);
  },
  destroyed() {

created() {
    let authHeader = { Authorization: 'Bearer ' + this.accessToken };
    this.vm = dotnetify.vue.connect("SecurePageVM", this, {
      headers: authHeader,
      exceptionHandler: ex => this.onException(ex)
    });
  },
  destroyed() {