---
aside: true
---
# Installation
## NPM
```shell
npm install vue-grid-layout-v3 --save
```
## Yarn
```shell
yarn add vue-grid-layout-v3
```
# Import the library
## Global Registration
```javascript
import { createApp } from 'vue'
import VueGridLayout from 'vue-grid-layout-v3';
const app = createApp({
// ...
})
// register GridLayout and GridItem component
app.use(VueGridLayout)
app.mount('#app')
/**
* // custom component name
* import { createApp } from 'vue'
* import { GridLayout, GridItem } from 'vue-grid-layout-v3';
*
* const app = createApp({
* // ...
* })
* app.component('MyGridLayout', GridLayout)
* app.component('MyGridItem', GridLayout)
* app.mount('#app')
*/
```
## Local Registration
When using SFC with `
```
In non-`
{{itemTitle(item)}}
```