vue-component-id

KO | EN

gitlite — search

#javascript #python #ai #typescript #llm #go #android #deep-learning #awesome #cli #awesome-list #security #ios #mcp

vue-component-id

(★ 13)

Generates an unique ID for every component.

vue-component-id Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-component-id

[![Build Status](https://travis-ci.org/VitorLuizC/vue-component-id.svg?branch=master)](https://travis-ci.org/VitorLuizC/vue-component-id)

Generates an unique ID for every Vue component.

## Install

This module is published under NPM registry, so you can install using any Node.js package manager.

```sh
npm install vue-component-id --save

# For Yarn use the command below.
yarn add vue-component-id
```

Vue's `use` method will append generated ID on your components.

```js
import Vue from 'vue';
import ComponentID from 'vue-component-id';

Vue.use(ComponentID);
```

## Usage

After installation an `componentID` property is available on scope. So, you can use it on templates and module scope.

```vue
<template>
  <fieldset>
    <label :for="componentID">Password</label>
    <input :id="componentID" type="password" v-model="password" />
  </fieldset>
</template>

## How to use custom generator?

You can change library's generator on options argument.

```js
import Vue from 'vue';
import uuid from 'uuid/v4';
import ComponentID from 'vue-component-id';

Vue.use(ComponentID, { generator: uuid });
```

## How to generate another ID?

`vue-component-id` export a function to create generators. To generate another IDs you can create your own generator and using it.

```js
import { createGenerator } from 'vue-component-id';

// Optionally defines an ID prefix.
const generate = createGenerator('ID-');

const items = [ generate(), generate() ];
//=> [ 'ID-0', 'ID-1' ]
```

## License

Released under [MIT License](./LICENSE).

vue-component-id

vue-component-id Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-component-id

vue-component-id Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README