vue 生成uuid

// 使用 Vue.js 生成 UUID 的示例代码

// 引入 uuid 库，可以通过 npm 安装：npm install uuid
import { v4 as uuidv4 } from 'uuid';

export default {
  name: 'App',
  data() {
    return {
      uuid: ''
    };
  },
  methods: {
    generateUUID() {
      // 生成一个随机的 UUID (version 4)
      this.uuid = uuidv4();
    }
  },
  mounted() {
    // 组件挂载后立即生成一个 UUID
    this.generateUUID();
  }
};

解释说明：

1. 引入 uuid 库：我们使用 uuid 库来生成 UUID。你可以通过 npm install uuid 来安装该库。
2. 定义方法 generateUUID：这个方法调用 uuidv4() 函数生成一个版本为 4 的 UUID，并将其赋值给 this.uuid。
3. 在组件挂载时调用：通过 mounted 生命周期钩子，在组件挂载完成后立即调用 generateUUID 方法生成一个 UUID。
4. 数据绑定：uuid 是一个响应式数据属性，可以在模板中直接使用。

如果你不想使用外部库，也可以使用简单的自定义函数来生成 UUID，但使用 uuid 库可以确保生成的 UUID 符合标准并且更加安全。