## This is a tutorial on implementing grid in Vue environment with realgrid-vue package.

### Note
<br />
<span style={{ color: 'red', fontWeight: 'bold' }}>
If you create a component directly without using the component, referencing the gridView object and provider with ref() can cause serious performance problems.  
Do not refer to it with ref().
</span>

### Grid product installation and vue package

Install Vue3 for development environment configuration

```
npm create vite@latest realgrid-vue --template vue-ts
```

Move realgrid-vue folder

```
cd realgrid-vue
```

Install realgrid-vue package

```
npm install realgrid-vue
```

---

#### Installation notes

When installing realgrid-vue, realgrid is automatically installed together. You do not need to install it separately.

However, if you need a specific version, you can install it separately by specifying the version directly.

```
npm install realgrid@2.8.3
```

- realgrid-vue can be used starting from Grid version 2.8.0.

- realgrid-vue can be used from version 2.7 or higher for vue2 and from version 3.2.25 or higher for vue3.