1.utils

说明：一般封装工具函数。

// 单例模式
import { v4 as uuidv4 } from 'uuid';
// 要生成一个随机的字符串，且每次执行不能发生变化
// 游客身份还要持久存储
function getUUID(){
    // 先从本地获取uuid，本地存储里面是否有
    let uuid_token=localStorage.getItem("UUIDTOKEN")
    // 如果没有生成
    if(!uuid_token){
        // 没有那么生成
        uuid_token=uuidv4() 
        localStorage.setItem("UUIDTOKEN",uuid_token)
    }
  return uuid_token
}

export default getUUID

2.组件仓库

说明： 本人使用的是detail组件中的仓库。

// 封装临时游客身份，生成一个随机的字符串，并且生成一次
// 就不能改变了
import  getUUID from '@/utils/uuid_token';

const state={
    // 游客的临时省份
    uuid_token:getUUID()
}

 3.展示