安装

注意，bin-grid-layout 仅支持 Vue3。

npm

推荐使用 pnpm 进行安装，它能更好地和打包工具配合使用。而且可以更好的和 typescript 配合使用。并且支持按需引入

npm i bin-grid-layout
# or
yarn add bin-grid-layout
# or
pnpm add bin-grid-layout

全量引入 （推荐）

由于本库仅只有两个组件且全必须使用，所以也可以直接进行全局引入，这样使用的时候就不必手动导入

// main.ts
import { createApp } from 'vue'
import App from './App.vue'

import BinGridLayout from 'bin-grid-layout'

const app = createApp(App)
app.use(BinGridLayout)
app.mount('#app')

直接引入

你可以直接导入组件并进行使用这种情况下，只有导入的组件才会被打包。

<template>
  <BGridLayout></BGridLayout>
</template>

<script lang="ts" setup>
import { BGridLayout, BGridItem } from 'bin-grid-layout'
</script>