T UI

Theme by Wocwin

|

Updated: 21 Mar 2025

|

257 Stars

Vue 项目中基于Element-ui 二次封装基础组件文档；Vue基础组件文档

Categories

Overview:

T-uiVue3 is a set of basic components for Vue.js, built on top of Element-plus and ant-design-vue. It aims to provide a streamlined and easy-to-use library of components for Vue developers.

Features:

• Element-plus integration: T-uiVue3 is based on Element-plus, which allows for seamless integration with existing Element-plus projects.
• Ant-design-vue compatibility: T-uiVue3 also includes components that are compatible with ant-design-vue, providing flexibility for developers who prefer using this library.
• Vuepress documentation: The project includes detailed documentation with examples and code snippets to help developers understand and use the components effectively.

Installation:

To install T-uiVue3, follow these steps:

1. Make sure you have Element-ui installed as a global dependency in your project.
2. Install T-uiVue3 using npm:

npm install t-uivue3 --save

3. Import and use the components in your project:

import { Button, Input } from 't-uivue3';

// Use the components in your Vue template
<template>
  <div>
    <Button type="primary">Click me</Button>
    <Input v-model="inputValue" />
  </div>
</template>

// Register the components in your main.js file
import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);
app.use(Button);
app.use(Input);
app.mount('#app');

Summary:

T-uiVue3 is a library of basic components for Vue.js, built on top of Element-plus and ant-design-vue. It provides a wide range of components that are easy to integrate into your Vue projects. With detailed documentation and examples, it aims to simplify the development process for Vue developers.