# 快速上手
注意:
该项目为自我学习提升项目,目前还在持续更新中,请不要使用在生产环境中,仅用于交流学习!
# 下载安装
npm install jiaahui-ui
#or
yarn add jiaahui-ui
# 开始使用
# 引入 jiaahui-ui 的Button组件
需要注意的是,样式文件需要单独引入。
import Vue from "vue";
import { Button } from "jiaahui-ui";
import "jiaahui-ui/lib/style/index.css";
new Vue({
el: "#app",
components: {
"j-button": Button,
},
});
# 完整组件列表和引入方式
import {
Button,
ButtonGroup,
Icon,
Switch,
Input,
Dialog,
Toast,
Pager,
Carousel,
CarouselItem
} from "jiaahui-ui";
import "jiaahui-ui/lib/style/index.css";
Vue.component("j-button", Button)
Vue.component("j-icon", Icon)
Vue.component("j-button-group", ButtonGroup)
Vue.component("j-switch", Switch)
Vue.component("j-input", Input)
Vue.component("j-dialog", Dialog)
Vue.component("j-pager", Pager)
Vue.component("j-carousel", Carousel)
Vue.component("j-carousel-item", CarouselItem)
Vue.use(Toast)