当前位置：首页 > news >正文

vue3 axios ant-design-vue cdn的方式使用

news 2026/2/8 19:24:46

1、vue3

快速上手 | Vue.js

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script><div id="app">{{ message }}</div><script>const { createApp, ref } = VuecreateApp({setup() {const message = ref('Hello vue!')return {message}}}).mount('#app')
</script>

2、ant-design-vue 4.2.3

<script src="https://unpkg.com/vue@3.4.27/dist/vue.global.prod.js"></script><script src="https://unpkg.com/dayjs/dayjs.min.js"></script><script src="https://unpkg.com/dayjs/plugin/customParseFormat.js"></script><script src="https://unpkg.com/dayjs/plugin/weekday.js"></script><script src="https://unpkg.com/dayjs/plugin/localeData.js"></script><script src="https://unpkg.com/dayjs/plugin/weekOfYear.js"></script><script src="https://unpkg.com/dayjs/plugin/weekYear.js"></script><script src="https://unpkg.com/dayjs/plugin/advancedFormat.js"></script><script src="https://unpkg.com/dayjs/plugin/quarterOfYear.js"></script><link type="text/css" href="https://unpkg.com/ant-design-vue@4.2.3/dist/reset.css" media="screen" rel="stylesheet"><script src="https://unpkg.com/ant-design-vue@4.2.3/dist/antd.min.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script>

import { DatePicker } from 'ant-design-vue';
app.use(DatePicker);

3、template

<body class="bg"><div id="app"></div>
</body>

<script>Object.assign(window, Vue);const vue3App = {setup() {const msg = ref(''); //信息onMounted(() => {console.log(window.location.search);});function test() {// 发送 POST 请求axios({method: 'post',url: '/url换成自己的',data: {code: '0',message: 'success',type: 'opt',result: 'success',uid: uid.value,msgid: msgid.value,}}).then(function (response) {console.log(response);msg.value = response.data.message;}).catch(function (error) {console.log(error);});}// 返回值会暴露给模板和其他的选项式 API 钩子return {msg,btnClick() {//console.log(msg.value);test();},}},}//初始化const app = createApp(vue3App);app.use(antd);app.mount("#app");</script><style>.bg {background-color: rgb(213, 213, 213);}.margintop {margin-top: 300px;}.marginbottom {margin-bottom: 30px;}</style>

vue3 axios ant-design-vue cdn的方式使用

1、vue3 快速上手 | Vue.js <script src"https://unpkg.com/vue3/dist/vue.global.js"></script><div id"app">{{ message }}</div><script>const { createApp, ref } VuecreateApp({setup() {const message ref(Hello …...

编程日记 2024/9/21 4:53:54

neo4j导入csv数据

neo4j数据可视化实践手动输入数据 - 官方democsv数据导入准备数据数据处理导入步骤① 导入疾病表格② 导入药物表格③导入疾病-药物关系表格爬虫的csv文件手动输入数据 - 官方demo 点击之后，按照左边10张图中的代码，复制粘贴熟悉语法效果如下 csv数据…...

编程日记 2024/9/21 4:52:52

YOLOV8实现小目标检测

YOLOV8小目标检测前言：： yolo版出现很多，基本大同小异但是这些差异让我们考虑在实验中使用哪个版本会比较好！ 在对小目标检测的过程中，yolov7相比yolov8性能更加好。如果我们还是想使用yolov8，也是可以实…...

编程日记 2024/9/21 4:51:51

解决 Prettier ESLint 错误

解决 Prettier ESLint 错误在 Vue.js 项目中使用 ESLint 和 Prettier 时，你可能会遇到类似以下的错误： frontend\src\views\dashboard\MobileConfigPanel.vue1:25 error Delete ␍ …...

编程日记 2024/9/21 4:50:50

百度网盘企业版数据快速上云，数据流转平台 CloudFlow 加速大模型训练迭代

1 项目从何时开始，又是何时结束一个项目的周期应该如何计算，将计算开始运行作为起点，计算结束运行作为终点？ 大模型训练场景中，从 TB/PB 级数据完成收集准备上云，到这些数据被提交至任务开始运行&#x…...

编程日记 2024/9/21 4:48:48

地面站通过SSH连接无人机

地面站通过SSH连接无人机 1.启动SSH服务2.远程连接到无人机处理器一般无人机机载处理器都安装了ssh服务器 1.启动SSH服务启动SSH sudo systemctl start ssh设置为开机自启动 sudo systemctl enable ssh检查ssh服务状态 sudo systemctl status ssh查询无人机的ip ifconf…...

编程日记 2024/9/21 4:47:47

【Pytorch】大语言模型中的CrossEntropyLoss

文章目录前言什么是CrossEntropyLoss语言模型中的CrossEntropyLoss计算loss的前期准备CrossEntropyLoss的输入CrossEntropyLoss的输出额外说明前言在大语言模型时代，我们常常使用交叉熵损失函数来计算loss，因此，理解该loss的计算流程有助…...

编程日记 2024/9/21 4:46:45

安全热点问题

安全热点问题 1.DDOS2.补丁管理3.堡垒机管理4.加密机管理 1.DDOS 分布式拒绝服务攻击，是指黑客通过控制由多个肉鸡或服务器组成的僵尸网络，向目标发送大量看似合法的请求，从而占用大量网络资源使网络瘫痪，阻止用户对网络资源的正…...

编程日记 2024/9/21 4:45:45

C++——用选择法对10个数值进行排序。

没注释的源代码 #include <iostream> using namespace std; int main() { int i,j,min,a[11],temp; cout<<"请输入数组a的十个值："<<endl; for(i1;i<10;i) { cin>>a[i]; } for(i1;i<9;…...

编程日记 2024/9/21 4:44:44

CSP-CCF★★★201909-2小明种苹果（续）★★★

一、问题描述二、解答关键：判断是否发生苹果掉落，使用flag[]数组来标记，1为掉落，0为没有掉落，这样也是为了后续比较连续三棵树是否掉落误区：用最后一次正数（即最后一次统计苹果个数&#x…...

编程日记 2024/9/21 4:43:43

硬件工程师笔试面试——变压器

目录 9、变压器 9.1 基础变压器原理图变压器实物图 9.1.1 概念 9.1.2 变压器组成结构 9.1.3 变压器原理 9.1.4 变压器的类型 9.1.5 应用领域 9.2 相关问题 9.2.1 变压器的工作原理是什么? 9.2.2 如何选择合适的变压器类型? 9.2.3 变压器在实际应用中，如何进行…...

编程日记 2024/9/21 4:40:39

Visual Studio Code（ VS Code）倍速提高编程工作效率的免费的源代码编辑器

耕耘于编程二十多年，后端、前端、操作系统、数据库、脚本都做过，各种各样的编程工具，IDE开发环境都用过，但是让我感觉比较好用、容易上手、能够提高工作效率的开发工具还是VS Code，下面我就简单的介绍一下这个广泛使用…...

编程日记 2024/9/21 4:37:36

华为SMU02B1智能通信电源监控单元模块简介

华为SMU02B1是一款智能通信电源监控单元模块，专为5G嵌入式机框设计，它在通信电源管理领域扮演着重要角色。以下是对该产品的详细介绍： 一、产品概述主要功能：华为SMU02B1能够监控和管理通信电源系统，提供站点监控功能…...

编程日记 2024/9/21 4:36:36

【刷题日记】15. 三数之和

15. 三数之和两数之和可以用巧思也可以用map 三数之和会更加复杂一点，且这道题还需要考虑避免重复答案！ 思路： 特判：检如果nums 为 null 或长度小于 3直接返回空数组。排序：使用 sort对数组进行升序排序。就变成了…...

编程日记 2024/9/21 4:35:35

低级编程语言和高级编程语言

一.区分低级编程语言和高级编程语言的方法 1.低级编程语言低级编程语言,并不是简单的编程语言,而是写起来很费事的编程语言,如所有编程语言的"祖宗":汇编语言,写起来极其麻烦,说不定一个 int a1; 它就得写好几行,甚至十几行这样麻烦的编程语言为什么还没消失那,因…...

编程日记 2024/9/21 4:34:34

Spring Boot-API网关问题

****### Spring Boot API 网关问题分析与解决方案在微服务架构中，API 网关扮演着非常重要的角色。它位于客户端和微服务之间，充当所有外部请求的入口，负责请求的路由、聚合、鉴权、限流等功能。Spring Boot 提供了多种方式实现 API 网关&am…...

编程日记 2024/9/21 4:32:32

三 auto占位符

3.1 重新定义的auto关键字 1.当用一个auto关键字声明多个变量的时候，编译器遵从由左往右的推导规则，以最左边的表达式推断auto的具体类型 int n 5; auto *pn &n, m 10;// 这里auto被推导为 int 所以int m 10;合理 auto *pns &n, m 10.0;/…...

编程日记 2024/9/21 4:31:31

tail: inotify 资源耗尽

解决方法： 增加可用的 inotify 监视器数量。可以通过修改系统配置文件来增加监视器数量限制。临时增加（直到下次重启）：执行 echo 1048576 | sudo tee -a /proc/sys/fs/inotify/max_user_instances 和 echo 65536 | sudo tee -a /…...

编程日记 2024/9/21 4:29:29

什么是损失函数？常见的损失函数有哪些？

损失函数什么是损失函数？损失函数作用如何设计损失函数常见的损失函数有哪些？ 什么是损失函数？ 损失函数（Loss Function），也称为误差函数，是机器学习和深度学习中的一个重要概念。它用于衡量模…...

编程日记 2024/9/21 4:28:27

Python Web 开发中的国际化与本地化处理

Python Web 开发中的国际化与本地化处理目录 🌍 Flask中的国际化与本地化处理🌐 Django中的国际化与本地化处理🗣️ 多语言支持与翻译系统实现🕒 时区和日期的本地化处理 1. 🌍 Flask中的国际化与本地化处理 Flask…...

编程日记 2024/9/21 4:27:25

XML Group端口详解

在XML数据映射过程中，经常需要对数据进行分组聚合操作。例如，当处理包含多个物料明细的XML文件时，可能需要将相同物料号的明细归为一组，或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码，增加了开…...

编程新知 2026/2/8 4:37:34

【Python】 -- 趣味代码 - 小恐龙游戏

文章目录文章目录 00 小恐龙游戏程序设计框架代码结构和功能游戏流程总结01 小恐龙游戏程序设计02 百度网盘地址00 小恐龙游戏程序设计框架这段代码是一个基于 Pygame 的简易跑酷游戏的完整实现，玩家控制一个角色（龙）躲避障碍物（仙人掌和乌鸦）。以下是代码的详细介绍：…...

编程新知 2026/1/31 13:59:37

盘古信息PCB行业解决方案：以全域场景重构，激活智造新未来

一、破局：PCB行业的时代之问在数字经济蓬勃发展的浪潮中，PCB（印制电路板）作为 “电子产品之母”，其重要性愈发凸显。随着 5G、人工智能等新兴技术的加速渗透，PCB行业面临着前所未有的挑战与机遇。产品迭代…...

编程新知 2026/2/7 17:29:24

Python实现prophet 理论及参数优化

文章目录 Prophet理论及模型参数介绍Python代码完整实现prophet 添加外部数据进行模型优化之前初步学习prophet的时候，写过一篇简单实现，后期随着对该模型的深入研究，本次记录涉及到prophet 的公式以及参数调优，从公式可以更直观…...

编程新知 2026/1/27 5:01:54

pikachu靶场通关笔记22-1 SQL注入05-1-insert注入(报错法)

目录一、SQL注入二、insert注入三、报错型注入四、updatexml函数五、源码审计六、insert渗透实战 1、渗透准备 2、获取数据库名database 3、获取表名table 4、获取列名column 5、获取字段本系列为通过《pikachu靶场通关笔记》的SQL注入关卡(共10关&#xff0…...

编程新知 2026/2/5 2:28:27

学校时钟系统，标准考场时钟系统，AI亮相2025高考，赛思时钟系统为教育公平筑起“精准防线”

2025年#高考将在近日拉开帷幕，#AI 监考一度冲上热搜。当AI深度融入高考，#时间同步不再是辅助功能，而是决定AI监考系统成败的“生命线”。 AI亮相2025高考，40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕，江西、…...

编程新知 2026/2/3 2:10:25

Android第十三次面试总结（四大组件基础）

Activity生命周期和四大启动模式详解一、Activity 生命周期 Activity 的生命周期由一系列回调方法组成，用于管理其创建、可见性、焦点和销毁过程。以下是核心方法及其调用时机： onCreate() 调用时机：Activity 首次创建时调用。…...

编程新知 2025/10/15 15:07:34

IP如何挑？2025年海外专线IP如何购买？

你花了时间和预算买了IP，结果IP质量不佳，项目效率低下不说，还可能带来莫名的网络问题，是不是太闹心了？尤其是在面对海外专线IP时，到底怎么才能买到适合自己的呢？所以，挑IP绝对是个技…...

编程新知 2026/1/28 3:04:35

计算机基础知识解析：从应用到架构的全面拆解

目录前言 1、计算机的应用领域：无处不在的数字助手 2、计算机的进化史：从算盘到量子计算 3、计算机的分类：不止 “台式机和笔记本” 4、计算机的组件：硬件与软件的协同 4.1 硬件：五大核心部件 4.2 软件&#…...

编程新知 2026/1/31 9:44:27

日常一水C

多态言简意赅：就是一个对象面对同一事件时做出的不同反应而之前的继承中说过，当子类和父类的函数名相同时，会隐藏父类的同名函数转而调用子类的同名函数，如果要调用父类的同名函数，那么就需要对父类进行引用&#…...

编程新知 2025/9/30 22:37:58

相关文章：