my-vue3.0

介绍

基于 Vue 3 + Element Plus 的组件库，提供了对 Element Plus 组件的封装和扩展。

软件架构

• Vue 3：前端框架
• Element Plus：UI 组件库
• Vite：构建工具

安装教程

1. 克隆仓库

   git clone <仓库地址>
   cd my-vue3.0

2. 安装依赖

   npm install

3. 构建组件库

   npm run build:lib

使用说明

1. 全局引入

import { createApp } from 'vue'
import App from './App.vue'
import MUI from 'my-vue3.0'
import 'element-plus/dist/index.css'

const app = createApp(App)
app.use(MUI)
app.mount('#app')

2. 按需引入

import { createApp } from 'vue'
import App from './App.vue'
import { MyButton, MyInput } from 'my-vue3.0'
import 'element-plus/dist/index.css'

const app = createApp(App)
app.component('MyButton', MyButton)
app.component('MyInput', MyInput)
app.mount('#app')

3. 组件使用

<template>
  <div>
    <my-button type="primary">按钮</my-button>
    <my-input v-model="value" placeholder="请输入内容"></my-input>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const value = ref('')
</script>

参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

构建命令

• 开发模式：npm run dev
• 构建应用：npm run build
• 构建组件库：npm run build:lib
• 预览构建结果：npm run preview