@jackz-plus/elu NPM

使用 `@jackz-plus/elu`

本节将介绍如何在项目中使用二次封装的 Element Ui。

环境支持

::: tip 当前封装所使用的库版本

element-plus 版本为： 2.15.+
vue 版本为： 2.6.+ :::

安装

1. 使用包管理器

# NPM
npm install xxx

# Yarn
yarn install xxx

# pnpm
pnpm install xxx

快速开始

1. 完整引入

@jackz-plus/elu 将会在Vue应用中进行全局组件注册。

// main.js
import Vue from 'vue'
import VcElementUi from '@jackz-plus/elu'
import '@jackz-plus/elu/dist/style.css'

Vue.use(VcElementUi)

2. 按需引入

需要在使用组件的地方手动对 Vc组件 进行导入。

<!-- App.vue -->
<template>
  <vc-table>
    <el-table-column ... />
  </vc-table>
</template>

<script>
  import { VcTable } from '@jackz-plus/elu'
  
  export default {
    name: 'App',
    components: { VcTable }
  }
</script>

在全局中进行 Vc组件 部分注册

import Vue from 'vue';
import { VcTable } from '@jackz-plus/elu';
import App from './App.vue';

Vue.component(VcTable.name, VcTable);
/* 或写为
 * Vue.use(VcTable)
 */

new Vue({
  el: '#app',
  render: h => h(App)
});