vue3 + ts:使用uuid

简介: vue3 + ts:使用uuid

一、使用vue3-uuid

pnpm add vue3-uuid

切换源:

pnpm config set registry https://registry.npmmirror.com //切换淘宝源

pnpm:简介_snowball@li的博客-CSDN博客_pnpm

切换后安装成功

main.ts

// main.ts
import { createApp } from 'vue'
import '@/styles/index.less'
import '@/styles/reset.less'
import App from './App.vue'
import UUID from 'vue3-uuid'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import router from "./routers/index";
import { api } from './api/index'
import 'vue-global-api';
const app = createApp(App)
app.use(ElementPlus)
app.use(router)
app.use(UUID)
app.config.globalProperties.$api = api
app.mount('#app')

Vue 3和安装UUID演示 - 问答 - 腾讯云开发者社区-腾讯云

***使用失败***

二、改用uuid

pnpm add uuid

业务文件使用:

import { v4 as uuidv4 } from "uuid";
console.log('136', uuidv4())

使用成功

三、欢迎交流指正,关注我一起学习。

相关文章
|
3天前
|
JavaScript 定位技术 API
在 vue3 中使用高德地图
在 vue3 中使用高德地图
9 0
|
3天前
vue3 键盘事件 回车发送消息,ctrl+回车 内容换行
const textarea = textInput.value.textarea; //获取输入框元素
13 3
|
5天前
|
JavaScript 前端开发 CDN
vue3速览
vue3速览
18 0
|
6天前
|
设计模式 JavaScript 前端开发
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
Vue3报错Property “xxx“ was accessed during render but is not defined on instance
|
6天前
|
JavaScript 前端开发 安全
Vue3官方文档速通(下)
Vue3官方文档速通(下)
16 0
|
6天前
|
JavaScript API
Vue3 官方文档速通(中)
Vue3 官方文档速通(中)
22 0
|
6天前
|
缓存 JavaScript 前端开发
Vue3 官方文档速通(上)
Vue3 官方文档速通(上)
32 0
|
6天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之五:Pinia 状态管理
Vue3+Vite+Pinia+Naive后台管理系统搭建之五:Pinia 状态管理
10 1
|
6天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之三:vue-router 的安装和使用
Vue3+Vite+Pinia+Naive后台管理系统搭建之三:vue-router 的安装和使用
13 0
|
6天前
Vue3+Vite+Pinia+Naive后台管理系统搭建之二:scss 的安装和使用
Vue3+Vite+Pinia+Naive后台管理系统搭建之二:scss 的安装和使用
11 0