element plus中 tag新增标签在vue3的写法
时间: 2023-08-07 20:43:58 浏览: 369
在 Element Plus 中,新增标签的写法与 Vue 3 中的写法类似,需要使用 `createApp` 函数和 `component` 函数。
以下是一个简单的实现示例:
```javascript
import { createApp } from 'vue';
import { ElButton } from 'element-plus';
// 创建 Vue 实例
const app = createApp({});
// 注册组件
app.component('el-button', ElButton);
// 挂载实例
app.mount('#app');
```
在上面的代码中,我们首先使用 `createApp` 函数创建了一个 Vue 实例 `app`。然后,我们从 `element-plus` 包中导入了 `ElButton` 组件,并使用 `app.component` 方法将组件注册为全局组件,并指定了组件的标签名为 `el-button`。最后,我们使用 `app.mount` 方法将实例挂载到页面上。
这样,我们就可以在模板中使用 `<el-button>` 标签来引用该组件了。
阅读全文