bpit vue 다운로드 -BPIT bpit vue 소스 코드 다운로드

bpit vue

타사 구성 요소

1.0.0

다운로드

BPIT-VUE

소개

BPIT/VUE 란 무엇입니까?

BPIT/VUE는 구성 요소 UI 키트가 아니며 이러한 구성 요소에 대한 일관된 테마가 없었으며 효과 구성 요소 모음 일뿐입니다.

BPIT/VUE는 초보자가 UI 키트를 만드는 방법을 배울 수있는 좋은 장소입니다. 이제 인터넷 (Codepen, Github ...)에서 수집 할 수있는 효과의 쇼케이스 일뿐입니다 things

우리가 무엇을 집중합니까?

우리는 기능 애도 이외의 이러한 구성 요소의 효과에 중점을 둡니다. 그것이 UI 키트가 아닌 이유입니다.

우리는 CSS 부분에 더 많은 시간이 걸리고 더 일반적이고 사용하기 쉽게 만들기를 희망하므로 VUE 구성 요소/지침으로 캡슐화합니다.

왜 우리에게 필요한가요?

인터넷에는 많은 리소스가 있으며, 우리는 시간을 절약하고보다 효율적으로 사용하기 위해 그것들을 사용할 수 있습니다. BPIT/VUE는 그들을 수집하고, 캡슐화하고, 입력합니다.

Easy && Demand에서 가져 오기 && 한 곳에서 모든 것을 가져옵니다.

주문형 수입

NPM 설치 Babel-Plugin-Import-Save-Dev

babel.config.js

plugins: [
  [
    "import" ,
    {
      libraryName : "@bpit/vue" ,
      camel2DashComponentName : false ,
      customName : name => {
        return `@bpit/vue/src/components/ ${ name } `
      }
    }
  ]
]

구성 요소 가져 오기

 import { FlockBanner , FAB , FlockButton } from "@bpit/vue"

const FABItem = FAB . FABItem
const FABTrigger = FAB . FABTrigger
const FABContainer = FAB . FABContainer

견본

 < FlockBanner > This is a banner! </ FlockBanner >
< FlockButton > Submit </ FlockButton >
< FABContainer :expand =" expand " >
  < FABItem @click =" test " href =" # " style =" background-color:red " tooltip =" Google+ "
    > A </ FABItem
  >
  < FABItem href =" # " tooltip =" Google+ " > B </ FABItem >
  < FABItem href =" # " tooltip =" Google+ " > C </ FABItem >
  < FABItem href =" # " tooltip =" Google+ " > D </ FABItem >
  < FABTrigger @click =" test " class =" trigger " tooltip =" share " > </ FABTrigger >
</ FABContainer >