如何在js中使用vue组件

在 JavaScript 中使用 Vue 组件，需要先引入 Vue.js 库和 Vue 组件库。

1. 引入 Vue.js 库：

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

2. 引入 Vue 组件库：

<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

3. 注册 Vue 组件：

Vue.component('el-button', require('element-ui/lib/button').default);

4. 创建 Vue 实例：

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});

5. 使用 Vue 组件：

<div id="app">
  <el-button type="primary">{{ message }}</el-button>
</div>

在这个例子中，我们注册了 Element-UI 组件库中的 el-button 组件，并在 Vue 实例中使用它。注意，我们使用了插值语法（{{ message }}）来绑定数据。

当然，这只是 Vue 组件的基础用法，具体还需要根据实际情况进行使用。