ex design

전 디자인

요소 ui 및 vxe-table 캡슐화를 기반으로 하는 ui 구성 요소 라이브러리

설치하다

npm 사용

npm install ex-design

실을 사용

yarn add ex-design

pnpm 사용

pnpm add ex-design

사용

컴포넌트 라이브러리는 vue2.7을 사용하므로, 사용 시 프로젝트가 최신 vue2.7 버전으로 업그레이드되었는지 확인하세요.

패키징 리소스를 줄이기 위해 컴포넌트 라이브러리는 타사 라이브러리(element-ui 또는 vxe-table)에 대한 컴포넌트 소개를 제공하지 않습니다. 사용 시 해당 타사 컴포넌트를 컴포넌트에 직접 도입하시기 바랍니다.

사용하기 전에 main.js에 스타일을 도입해야 합니다.

 import 'ex-design/lib/style.css' ;

직접 견적

< template >
  < div >
    < ex-button >按钮</ ex-button >
  </ div >
</ template >

< script >
import { ExButton } from ' ex-design ' ;

export default {
  components : { ExCard }
};
</ script >

글로벌 소개

 import ExDesign from 'ex-design' ;

Vue . use ( ExDesign ) ;

주문형 소개

 import Vue from 'vue' ;
import { ExButton } from 'ex-design' ;

Vue . component ( ExButton . name , ExButton ) ;
/* 或写为
 * Vue.use(ExButton)
 */