bpit vue Скачать - bpit vue SOUCKED Скачать

bpit vue

Сторонние компоненты

1.0.0

Скачать

bpit-vue

Вступление

Что такое BPIT/Vue?

BPIT/VUE - это не компонент, у нас не было последовательной темы для этих компонентов, это просто коллекция компонентов эффектов.

BPIT/Vue - хорошее место для начинающих, чтобы научиться создавать свои наборы пользовательского интерфейса. Теперь это всего лишь демонстрация эффектов, которые я могу собрать из Интернета (Codepen, GitHub ...) и переведен в Vue things

Что мы сосредоточимся?

Мы сосредотачиваемся на последствиях этих компонентов, кроме функциональных файлов. Вот почему это не набор пользовательского интерфейса.

Мы уделяем больше времени на часть CSS и надеемся сделать его более общим и простым в использовании, поэтому мы инкапсулируем их в компонент/директивы VUE.

Зачем нам это?

В Интернете так много ресурсов, мы можем использовать их, чтобы сэкономить время и быть более эффективным. BPIT/VUE собирает их, инкапсулирует их, им представляет.

Установите easy && import on 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 >