物语 UI
介绍
一款使用 Vue3 和 Typescript 实现的 UI 组件库,为个人学习 Vue3 所写。仅供学习参考
官网地址:https://silent-cat.github.io/wy-ui-website/ 支持 PC 端和移动端查看
开始使用
安装
npm install wy-ui-1
引入组件
支持全局引入
main.js
import { createApp } from "vue";
import App from "./App.vue";
import { wyUI } from "wy-ui-1"; //引入wyUI
import "wy-ui-1/dist/lib/wy.css";//引入样式
const app = createApp(App);
app.use(wyUI);//注册wyUI,接下来直接复制官网示例就可以使用该UI库的全部组件了
app.mount("#app");
支持按需引入
main.js
import { createApp } from "vue";
import App from "./App.vue";
import { wySwitch } from "wy-ui-1";//引入wyUI
import "wy-ui-1/dist/lib/wy.css";//引入样式
const app = createApp(App);
app.component("wy-switch", wySwitch);//可自定义组件名称
app.mount("#app");