vue3 引入没有使用export的js库

在Vue 3中，你可以使用`defineAsyncComponent`函数引入一个没有使用`export`导出的JS库。这个函数可以接受一个返回Promise的函数，函数返回的是一个组件选项对象。你可以将要引入的库封装成一个异步组件，然后在需要使用的地方进行引用。

例如，你可以这样引入一个使用`new`关键字初始化的第三方库：

import { defineAsyncComponent } from 'vue';

const MyLibraryComponent = defineAsyncComponent(() => {
  return new Promise((resolve) => {
    const MyLibrary = new MyLibrary();
    resolve({
      data() {
        return {
          myLibrary: MyLibrary
        };
      }
    });
  });
});

export default {
  components: {
    MyLibraryComponent
  }
}

这样，在需要使用该库的地方，你可以在模板中使用`MyLibraryComponent`组件，然后通过`myLibrary`属性来访问该库的方法和属性：

<template>
  <div>{{ myLibrary.someMethod() }}</div>
</template>

<script>
import MyLibraryComponent from './MyLibraryComponent.vue';

export default {
  components: {
    MyLibraryComponent
  }
}
</script>

需要注意的是，由于是异步引入的组件，所以需要等待组件加载完成后才能访问其中的属性和方法。