Vue UUID
Add UUID to Vue instance.
Install
Installation is very easy, you just need to install using NPM or Yarn.
npm i vue-uuidVue's use method will do the trick adding to Vue.
import Vue from 'vue';
import UUID from 'vue-uuid';
Vue.use(UUID);Usage
After installation $uuid is available on instance, so you can use inside
components template and script, like the example below.
<template>
<div class="uuid-panel">
<h3 class="uuid">{{ uuid }}</h3>
<button
class="button"
@click="uuid = $uuid.v1()"
>Generate V1</button>
<button
class="button"
@click="uuid = $uuid.v4()"
>Generate V4</button>
<button
class="button"
@click="uuid = $uuid.v5()"
>Generate V5</button>
</div>
</template>
<script>
import { uuid } from 'vue-uuid'; // uuid object is also exported to things
// outside Vue instance.
export default {
data () {
return {
uuid: uuid.v1(),
v1: this.$uuid.v1(),
v4: this.$uuid.v4(),
v5: this.$uuid.v5()
};
}
};
</script>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent