Skip to content

这是一个基于vite vue3搭建的PC端组件库。它记录日常开发中遇到的需求组件,或是在技术社区中所遇到、值得去实现的组件。

Notifications You must be signed in to change notification settings

cloud-prg/ysz-ui

Repository files navigation

介绍

这是一个基于vite vue3搭建的PC端组件库。它记录日常开发中遇到的需求组件,或是在技术社区中所遇到、值得去实现的组件。

全局安装

安装命令: npm install ysz-ui -S

项目中引用(一次性引入)

main.js下,引入以下两行代码。

 // src/main.js
 import yszUI from "ysz-ui";
 import "ysz-ui/dist/style.css";
 import "ysz-ui/dist/iconfont.css";

 app.use(yszUI)

按需引入

  1. src目录下创建相关目录(如yszui)
  2. 在相关目录下,创建index.js
  3. index.js中引入需使用的组件。并以install作为函数表达式,作为对象的一员暴露出去。
  4. main.js中的Vue实例中使用它。

引用文件示例

// yszui/index.js
import { button, table } from 'ysz-ui'
const yszUI = {
  install: function (Vue) {
    Vue.use(button)
    Vue.use(table)
  }
}
export default yszUI

主文件示例

// src/main.js
import yszUI from "./yszui";
import { createApp} from "vue";
import App from "./App.vue";
const app = createApp(App);

app.use(yszUI);

项目地址

注意事项

该组件库仅用于个人学习,且处于开发阶段,切勿用于生产环境。

About

这是一个基于vite vue3搭建的PC端组件库。它记录日常开发中遇到的需求组件,或是在技术社区中所遇到、值得去实现的组件。

Resources

Stars

Watchers

Forks

Packages

No packages published