在 Vue 中，组件主要是在模板中通过 HTML 标签的方式进行使用，但在 JavaScript 中，我们可以通过编程式地创建和挂载组件来实现动态加载或操作组件。

以下是一个在 JavaScript 中创建并挂载 Vue 组件的基本示例：

```javascript // 首先，定义一个 Vue 组件 Vue.component('my-component', { template: '

// 然后，在某个 Vue 实例中使用（在 JavaScript 中创建并挂载） new Vue({ el: '#app', mounted() { // 在这里我们可以动态创建并挂载一个组件 const MyComponent = Vue.extend({ template: '

// 创建组件实例
const instance = new MyComponent();

// 将组件实例挂载到 DOM 上的某个元素
instance.$mount('#dynamic-component');

} }); ```

在 Vue3 中，使用 createApp 和 componentInstance.mount() 的方式：

```javascript import { createApp } from 'vue'; import MyComponent from './MyComponent.vue'; // 引入你的组件

// 创建应用实例 const app = createApp({});

// 注册全局组件 app.component('my-component', MyComponent);

// 运行应用，并在 JavaScript 中挂载组件 app.mount('#app');

// 动态创建并挂载组件 const ComponentConstructor = Vue.resolveComponent(MyComponent); const componentInstance = app.createComponent(ComponentConstructor); componentInstance.mount(document.getElementById('dynamic-component')); ```

请注意，实际的用法可能需要根据你的具体需求进行调整。