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

VUE3项目的文档结构分析

news 来源：原创 2025/8/26 7:46:03

1. Vue 3 项目的文档结构

Vue 3 项目通常基于 Vue CLI 或 Vite 等工具创建，其文档结构如下：

常见目录结构

my-vue-project/
├── public/                # 静态资源目录
│   ├── index.html         # 入口页面
├── src/                   # 源代码目录
│   ├── assets/            # 静态资源（如图片、样式文件等）
│   ├── components/        # Vue 组件
│   ├── views/             # 页面级组件
│   ├── router/            # 路由配置
│   ├── store/             # 状态管理（Vuex）
│   ├── App.vue            # 根组件
│   ├── main.js            # 入口文件
├── package.json           # 项目依赖配置
├── vue.config.js          # Vue 配置文件（可选）

各部分说明

**public/**：存放静态资源，如 index.html，它是项目的入口页面。
**src/**：存放项目的源代码。
- **assets/**：存放图片、字体等静态资源。
- **components/**：存放可复用的 Vue 组件。
- **views/**：存放页面级组件。
- **router/**：存放路由配置文件。
- **store/**：存放 Vuex 状态管理相关代码。
- **App.vue**：项目的根组件。
- **main.js**：项目的入口文件，负责初始化 Vue 应用。

2. `main.js`、`index.html`、`App.vue` 的相互调用关系

`index.html`

这是项目的入口页面，通常由 Vue CLI 或 Vite 自动生成。
它通过 <div id="app"></div> 定义了一个挂载点，Vue 应用会通过这个挂载点渲染到页面上。

示例：

<!DOCTYPE html>
<html lang=""><head><meta charset="UTF-8"><link rel="icon" href="/favicon.ico"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Vite App</title></head><body><div id="app"></div>   //定义挂载点<script type="module" src="/src/main.js"></script>  //挂载main.js（创建vue应用）</body>
</html>

`main.js`

这是 Vue 项目的入口文件，负责创建 Vue 应用实例，并将其挂载到 index.html 中的 <div id="app"></div> 上。

示例：

import { createApp } from 'vue';
import App from './App.vue';createApp(App).mount('#app');

在这段代码中：
- 使用 createApp 创建一个 Vue 应用实例。
- 将 App.vue 作为根组件传递给 createApp。
- 使用 .mount('#app') 将应用挂载到 index.html 中的 <div id="app"></div> 上。将 Vue 应用的根组件挂载到页面上的指定 DOM 元素（挂载点，即id="app"的div）中，启动 Vue 应用。
- 没有 .mount('#app') 的后果：Vue 应用不会被挂载到页面上，页面上不会显示任何 Vue 组件的内容。
- 挂载点：通常是 index.html 中的 <div id="app"></div>

`App.vue`

这是项目的根组件，是所有组件的父组件。
它通常包含全局布局和一些全局组件。

示例：

<script setup>
import HelloWorld from './components/HelloWorld.vue'
import TheWelcome from './components/TheWelcome.vue'
</script><template><header><img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" /><div class="wrapper"><HelloWorld msg="You did it!" /></div></header><main><TheWelcome /></main>
</template><style scoped>
header {line-height: 1.5;
}.logo {display: block;margin: 0 auto 2rem;
}@media (min-width: 1024px) {header {display: flex;place-items: center;padding-right: calc(var(--section-gap) / 2);}.logo {margin: 0 2rem 0 0;}header .wrapper {display: flex;place-items: flex-start;flex-wrap: wrap;}
}
</style>

调用关系

**index.html**：定义了挂载点 <div id="app"></div>。
**main.js**：创建 Vue 应用实例，并将其挂载到 index.html 的 <div id="app"></div> 上。
**App.vue**：作为根组件，被 main.js 加载并渲染到页面上。

3. 新开发页面的加载位置

功能需求

类似于百度查询的页面，用户输入问题，点击发送或按下回车键后，调用后端 API 获取回答，并显示在页面上。

代码加载位置

**App.vue**：作为根组件，可以将查询页面的逻辑封装在其中。
**src/components/**：如果查询页面是一个独立的组件，可以将其放在 components 目录下，例如命名为 AISearch.vue。

示例代码

如果放在 `App.vue` 中

<template><div class="chat-container"><div v-for="(msg, index) in messages" :key="index"><div :class="msg.type === 'user' ? 'user-msg' : 'bot-msg'">{{ msg.content }}</div></div><input v-model="newQuestion" @keyup.enter="sendMessage" /></div>
</template><script setup>
import { ref } from 'vue';
import axios from 'axios';const messages = ref([]);
const newQuestion = ref('');const API_URL = "/api/ask";async function sendMessage() {const response = await axios.post(API_URL, {question: newQuestion.value});messages.value.push({ type: 'bot', content: response.data.answer });newQuestion.value = '';
}
</script><style>
.user-msg { align-self: flex-end; background: #0084ff; color: white; }
.bot-msg { align-self: flex-start; background: #f0f0f0; }
</style>

如果放在独立组件 `AISearch.vue` 中

**AISearch.vue**：

<template><div class="chat-container"><div v-for="(msg, index) in messages" :key="index"><div :class="msg.type === 'user' ? 'user-msg' : 'bot-msg'">{{ msg.content }}</div></div><input v-model="newQuestion" @keyup.enter="sendMessage" /></div>
</template><script setup>
import { ref } from 'vue';
import axios from 'axios';const messages = ref([]);
const newQuestion = ref('');const API_URL = "/api/ask";async function sendMessage() {const response = await axios.post(API_URL, {question: newQuestion.value});messages.value.push({ type: 'bot', content: response.data.answer });newQuestion.value = '';
}
</script><style>
.user-msg { align-self: flex-end; background: #0084ff; color: white; }
.bot-msg { align-self: flex-start; background: #f0f0f0; }
</style>

**在 App.vue 中引入并使用 AISearch.vue**：

<template><div id="app"><AISearch /></div>
</template><script>
import AISearch from './components/AISearch.vue';export default {components: {AISearch}
};
</script>

总结

如果查询页面是项目的唯一功能，可以直接将代码放在 App.vue 中。
如果项目结构更复杂，建议将查询页面封装为独立组件（如 AISearch.vue），并在 App.vue 中引入使用。

VUE3项目的文档结构分析

1. Vue 3 项目的文档结构 Vue 3 项目通常基于 Vue CLI 或 Vite 等工具创建，其文档结构如下： 常见目录结构 my-vue-project/ ├── public/ # 静态资源目录 │ ├── index.html # 入口页面 ├── src/ …...

编程日记 2025/8/26 7:46:03

Linux笔记---自定义shell

目录前言 1. 程序框架 2. 打印命令行提示符 2.1 获取用户名(GetUserName) 2.2 获取主机名(GetHostName) 2.3 获取工作目录(GetPwd) 3. 获取命令行输入 4. 判断是否有重定向 5. 解析命令行 6. 内建命令 6.1 内建命令的特点 6.2 常见内建命令 6.3 内建命令 vs 外部命…...

编程日记 2025/8/26 7:46:01

步进电机软件细分算法解析与实践指南

1. 步进电机细分技术概述步进电机是一种将电脉冲信号转换为角位移的执行机构，其基本运动单位为步距角。传统步进电机的步距角通常为 1.8（对应 200 步 / 转），但在高精度定位场景下，这种分辨率已无法满足需求。细分技术…...

编程日记 2025/8/26 7:41:50

自定义图标 // 1、单个图标 const url ./static/assets/symbols/code24x24/VIDEO.png // 图标路径 map.loadImage(url ,(error, image) > {if (error) throw errormap.addImage(video-icon, image) })// 2、雪碧图利用canvas // json和png图片 function getStyleImage(fil…...

编程日记 2025/8/26 7:41:00

ApoorvCTF Rust语言逆向实战

上周参加了国外的比赛，名称叫：ApoorvCTF 看一下老外的比赛跟我们有什么不同，然后我根据国内比赛对比发现，他们考点还是很有意思的，反正都是逆向，哈哈哈 Rusty Vault 题目描述： In the heart…...

编程日记 2025/8/26 7:36:53

IntersectionObserver接口介绍

IntersectionObserver API 是浏览器提供的一个用于异步观察目标元素与其祖先元素或视口（Viewport）交叉状态（即是否进入或离开视口）的接口。在 IntersectionObserver 出现之前，开发者通常需要通过监听 scroll 事件或使用…...

编程日记 2025/8/16 10:10:05

AI壁纸进阶宝典：让创作效率与质量飞速提升的法门

在数字化创意浪潮席卷的当下，AI壁纸以其独特魅力和无限可能，吸引了众多设计爱好者和专业设计师的目光。然而，如何在众多创作者中脱颖而出，打造令人惊艳的AI壁纸呢？本文将从基础到进阶，全方位剖析AI壁纸创作…...

编程日记 2025/8/26 7:41:00

Releases（发布）和版本管理是两个紧密相关的概念

在软件开发和维护中，Releases（发布）和版本管理是两个紧密相关的概念，特别是在开源项目或企业软件开发中。 1. Releases（发布） Release 是指软件的一个正式发布版本，通常经过开发、测试、修复 Bug，并被认为是足够稳定和可用于生产环境的版本。主要特点里程碑：通…...

编程日记 2025/8/26 7:46:02

从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十二) socketio 消息处理

1.后端在message.controller.js中在sendMessage方法中每当我们发送消息需要socketio把这个消息转发给接收人加入转发逻辑 // 把消息发给指定的用户的socket const receiverSocketId getReceiverSocketId(receiverId); if(receiverSocketId) { io.to(receiverSocket…...

编程日记 2025/8/24 14:22:37

【运维篇】KubeSphere-02（经验汇总）

一、使用建议 1.对于数据库、对像存储比较重的要不能丢失，有异地存储备份需求的有状态服务，不建议采用k8s进行部署，会导致运维难度更大。 2.对于中间件如redis、MQ、harbor、seata、nacos、zookeeper可采用k8s部署。 3.对于无状态服务tomc…...

编程日记 2025/8/18 12:27:25

8.大模型微调学习案例：基于 Hugging Face、8位量化与 LoRA 适配器的方案

文章目录一、引言二、数据预处理与构建数据集2.1 加载 JSON 数据2.2 构造训练样本2.3 构建 Hugging Face 数据集与分词2.4 添加标签字段2.5 划分训练集与验证集三、模型加载、量化与适配器配置3.1 配置设备与显存使用3.2 配置 8 位量化3.3 加载预训练模型并映射设备3.4 为 8 …...

编程日记 2025/8/22 15:38:44

用分页干掉显存浪费！聊聊VLLM的PagedAttention

不知道你在部署模型的时候，有没有经历过这样的抓狂时刻——跑大模型时显卡显存明明没有占满，程序却报错OOM（内存不足）？表面看是显存不足，背后其实是KVCache碎片化和重复存储这个"隐形刺客"在作祟…...

编程日记 2025/8/26 7:41:49

Python——地图可视化

分级统计地图：一般使用同一种颜色表示一个区域的属性，常用与选举和人口普查数据的可视化。对于颜色的选择可以使用单色渐变系、双向渐变系、完整色谱变化。使用这类颜色渐变进行填充存在的问题： 使用这类方法适用于数据密集分布的区域&#…...

编程日记 2025/8/26 7:46:02

3.8【Q】cv

这个draw_line函数的逻辑和功能是什么？代码思路是什么？怎么写的？ 这个t是什么？t.v[0]和t.v[1],[2]又是什么？ void rst::rasterizer::draw(rst::pos_buf_id pos_buffer, rst::ind_buf_id ind_buffer, rst::Primitive ty…...

编程日记 2025/8/26 7:41:48

LeetCode 热题 100_字符串解码（71_394_中等_C++）（栈）

LeetCode 热题 100_字符串解码（71_394） 题目描述：输入输出样例：题解：解题思路：思路一（栈）： 代码实现代码实现（栈）：以思路一为例进行调…...

编程日记 2025/8/24 17:39:43

基于大模型预测的新型隐球菌脑膜炎综合诊疗研究报告

目录一、引言 1.1 研究背景与目的 1.2 研究现状综述二、大模型预测原理及数据基础 2.1 大模型技术简介 2.2 数据收集与预处理 2.3 模型训练与验证三、术前风险预测与准备 3.1 病情评估指标确定 3.2 手术方案制定 3.3 麻醉方案规划四、术中监测与应对 4.1 实时…...

编程日记 2025/8/21 23:57:45

SQL Server核心知识总结

SQL Server核心知识总结 🎯 本文总结了SQL Server核心知识点,每个主题都提供实际可运行的示例代码。一、SQL Server基础精要 1. 数据库核心操作 -- 1. 创建数据库（核心配置） CREATE DATABASE 学生管理系统 ON PRIMARY (NAME 学生管理系统…...

编程日记 2025/8/23 3:45:19

浏览器WEB播放RTSP

注意：浏览器不能直接播放RTSP，必须转换后才能播放。这一点所有的播放都是如此。参考 https://github.com/kyriesent/node-rtsp-stream GitHub - phoboslab/jsmpeg: MPEG1 Video Decoder in JavaScript 相关文件方便下载 https://download.csdn.net…...

编程日记 2025/8/26 7:40:59

登录固定账号和密码：

接口文档【apifox】面试宝典个人中心-保存用户数据信息 - 教学练测项目-面试宝典-鸿蒙登录固定账号和密码： 账号：hmheima 密码：Hmheima%123 UI设计稿【腾讯 CoDesign】面试宝典 CoDesign - 腾讯自研设计协作平台访问密码&#xff1…...

编程日记 2025/8/25 22:46:10

深度学习/强化学习调参技巧

深度调优策略 1. 学习率调整技巧：学习率是最重要的超参数之一。过大可能导致训练不稳定，过小则收敛速度慢。可以使用学习率衰减（Learning Rate Decay）或自适应学习率方法（如Adam、RMSprop）来动态调整学习…...

编程日记 2025/8/26 7:40:59

Java常用正则表达式（身份证号、邮箱、手机号）格式校验

目录身份证号的正则表达式代码解释正则表达式方法 isValidIDCard 注意事项校验邮箱的正则表达式代码解释正则表达式方法 isValidEmail 注意事项手机号的正则表达式中国大陆手机号校验（支持空字符串） 代码解释通用手机号校验&am…...

编程日记 2025/8/20 18:24:50

1.12.信息系统的分类【ES】

专家系统（ES）技术架构深度解析一、ES核心定义 🧠 智能决策中枢由三大核心能力构建的领域专家模拟系统： 存储专家级领域知识（10^4规则量级）支持不确定性推理（置信度>85%）动态…...

编程日记 2025/8/26 7:41:48

c语言程序设计--（结构体、共用体）冲刺考研复试中的面试问答，来看看我是怎么回答的吧！

结构体 1、谈谈你对结构体的理解。答，首先在结构的基础知识上，结构是一些值的集合，这些值称为成员变量结构的每个成员可以是不同类型的变量。结构体其实就是把（一些单一类型的数据）不同类型的数据组合在一起的做法便…...

编程日记 2025/8/26 7:41:49

闭包：JavaScript 中的隐形大杀器

你可能已经在很多地方听说过闭包这个词，尤其是涉及到 JavaScript 的作用域和异步操作时。闭包是 JavaScript 中非常核心的概念，然而它又非常容易让开发者感到困惑。今天我们就来深入剖析闭包，帮助你真正理解它的工作原理，以及如何…...

编程日记 2025/8/21 16:05:15

分布式锁—7.Curator的分布式锁一

大纲 1.Curator的可重入锁的源码 2.Curator的非可重入锁的源码 3.Curator的可重入读写锁的源码 4.Curator的MultiLock源码 5.Curator的Semaphore源码 1.Curator的可重入锁的源码 (1)InterProcessMutex获取分布式锁 (2)InterProcessMutex的初始化 (3)InterProcessMutex.…...

编程日记 2025/8/25 6:41:57

linux---天气爬虫

代码概述这段代码实现了一个天气查询系统，支持实时天气、未来天气和历史天气查询。用户可以通过终端菜单选择查询类型，并输入城市名称来获取相应的天气信息。程序通过 TCP 连接发送 HTTP 请求，并解析返回的 JSON 数据来展示天气信息。 #in…...

编程日记 2025/8/26 7:39:24

C++蓝桥杯基础篇（九）

片头嗨！小伙伴们，大家好~ 今天我们将学习蓝桥杯基础篇（十），学习函数相关知识，准备好了吗？咱们开始咯！ 一、函数基础一个典型的函数定义包括以下部分：返回类型、函数名…...

编程日记 2025/8/26 7:41:01

Java Spring MVC (2)

常见的Request Controller 和 Response Controller 的区别用餐厅点餐来理解想象你去一家餐厅吃饭： Request Controller（接单员）：负责处理你的点餐请求，记录你的口味、桌号等信息。Response Controller&#xff08…...

编程日记 2025/8/26 7:36:54

Elasticsearch：使用 BigQuery 提取数据

作者：来自 Elastic Jeffrey Rengifo 了解如何使用 Python 在 Elasticsearch 中索引和搜索 Google BigQuery 数据。 BigQuery 是 Google 的一个平台，允许你将来自不同来源和服务的数据集中到一个存储库中。它还支持数据分析，并可使用生成式 AI…...

编程日记 2025/8/26 7:41:48

接口-菜品分页查询

业务内容页面上菜品根据菜品名称、菜品分类、售卖状态三个字段进行分页查询。在请求参数中携带了菜品名称、菜品分类、售卖状态三个字段参数。返回PageResult类型的实体。注意：在返回数据中在records下有个categoryName，这个字段的内容在category…...

编程日记 2025/8/26 7:43:46

springboot3 RestClient、HTTP 客户端区别

1 RestClient使用 RestClient 是 Spring 6.1 M2 中引入的同步 HTTP 客户端，它取代了 RestTemplate。同步 HTTP 客户端以阻塞方式发送和接收 HTTP 请求和响应，这意味着它会等待每个请求完成后才继续下一个请求。本文将带你了解 RestClient 的功能以及它与…...

编程日记 2025/8/26 7:40:59

自我训练模型：通往未来的必经之路？

摘要在探讨是否唯有通过自我训练模型才能掌握未来的问题时，文章强调了底层技术的重要性。当前，许多人倾向于关注应用层的便捷性，却忽视了支撑这一切的根本——底层技术。将模型简单视为产品是一种短视行为，长远来看，理…...

编程日记 2025/8/25 18:58:27

RuoYi框架添加自己的模块（学生管理系统CRUD）

RuoYi框架添加自己的模块（学生管理系统） 框架顺利运行首先肯定要顺利运行框架了，这个我不多说了设计数据库表在ry数据库中添加表tb_student 表字段如图所示如图所示注意id字段是自增的注释部分是后面成功后前端要展示的部分导入…...

编程日记 2025/8/26 7:36:52

linux查看python版本

1.查看Linux是否安装python yum list all | grep python 2.Linux安装python yum install python 3.Linux查看python版本 python -V...

编程日记 2025/8/26 7:43:47

算法题（89）：单项链表

审题： 本题需要我们实现一个可以执行三个指令的数据结构来解决这里的问题思路： 方法一：利用数组模拟链表由于这里涉及插入删除操作，所以我们不能使用数组结构存储数据，这样子会超时，所以我们就利用数组来…...

编程日记 2025/8/26 7:41:00

开源之夏经验分享｜Koupleless 社区黄兴抗：在开源中培养工程思维

开源之夏经验分享｜Koupleless 社区黄兴抗：在开源中培养工程思维文|黄兴抗电子信息工程专业 Koupleless 社区贡献者就读于南昌师范学院，电子信息工程专业的大三学生。本文 2634 字，预计阅读 7 分钟今天 SOFAStack 邀…...

编程日记 2025/8/22 15:17:51

体验开源openeuler openharmony stratovirt模拟器

文档 openeuler社区面向数字基础设施的开源操作系统 openharmony社区 OpenHarmony是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目, 目标是面向全场景、全连接、全智能时代、基于开源的方式，搭建一个智能终端设备操作系统…...

编程日记 2025/8/26 7:41:48

【AI实践】基于TensorFlow/Keras的CNN（卷积神经网络）简单实现：手写数字识别的工程实践

深度神经网络系列文章【AI深度学习网络】卷积神经网络（CNN）入门指南：从生物启发的原理到现代架构演进【AI实践】基于TensorFlow/Keras的CNN（卷积神经网络）简单实现：手写数字识别的工程实践引言在深度…...

编程日记 2025/8/26 7:39:22

深入探讨AI-Ops架构第一讲 - 运维的进化历程以及未来发展趋势

首先，让我们一起回顾运维的进化之路，然后再深入探讨AI-Ops架构的细节。运维的进化历程 1. AI 大范围普及前的运维状态 (传统运维) 在AI技术尚未广泛渗透到运维领域之前，我们称之为传统运维，其主要特点是： 人工驱动…...

编程日记 2025/8/26 7:43:46

2025年全球生成式AI消费应用发展趋势报告

原文链接：The Top 100 Gen AI Consumer Apps - 4th Edition | Andreessen Horowitz 核心要点：本报告由a16z发布，深度解析了2025年全球生成式AI消费应用的发展格局，揭示了技术迭代与商业化加速的双重趋势。报告显示，A…...

编程日记 2025/8/26 7:39:23

VBA 列方向合并单元格，左侧范围大于右侧范围

实现功能如下： excel指定行列范围内的所有单元格规则1：每一列的连续相同的值合并单元格规则2：每一列的第一个非空单元格与其下方的所有空白单元格合并单元规则3：优先左侧列合并单元格，合并后，右侧的单元…...

编程日记 2025/8/26 7:39:23

设计AI芯片架构的入门研究生入行数字芯片设计、验证的项目 opentitan

前言这几年芯片设计行业在国内像坐过山车。时而高亢，时而低潮。最近又因为AI的热潮开始high起来。到底芯片行业的规律是如何？ 我谈谈自己观点：芯片设计是“劳动密集型”行业。 “EDA和工具高度标准化和代工厂的工艺标准化之后，芯…...

编程日记 2025/8/26 7:46:01

【弹性计算】异构计算云服务和 AI 加速器（二）：适用场景

异构计算云服务和 AI 加速器（二）：适用场景 1.图形处理2.视频处理3.计算4.人工智能异构计算目前已经被广泛地应用于生产和生活当中，主要应用场景如下图所示。 1.图形处理 GPU 云服务器在传统的图形处理领域具有强大的优势&…...

编程日记 2025/8/26 7:39:24

JVM常用概念之移动GC和局部性

问题非移动GC一定比移动GC好吗？ 基础知识移动GC和非移动GC 移动GC 在进行垃圾回收时，为了减少碎片而移动对象来顺利完成垃圾回收的GC。 Serial GC 在单线程环境下，它在标记-清除（Mark-Sweep）算法的基础上进行…...

编程日记 2025/8/26 7:43:46

微服务保护：Sentinel

home | Sentinelhttps://sentinelguard.io/zh-cn/ 微服务保护的方案有很多，比如： 请求限流线程隔离服务熔断服务故障最重要原因，就是并发太高！解决了这个问题，就能避免大部分故障。当然，接口的并发…...

编程日记 2025/8/21 1:59:13

使用Wireshark截取并解密摄像头画面

在物联网（IoT）设备普及的今天，安全摄像头等智能设备在追求便捷的同时，往往忽视了数据传输过程中的加密保护。很多摄像头默认通过 HTTP 协议传输数据，而非加密的 HTTPS，从而给潜在攻击者留下了可乘之机。本文…...

编程日记 2025/8/26 7:39:22

IDEA 基础配置: maven配置 | 服务窗口配置

文章目录 IDEA版本与MAVEN版本对应关系maven配置镜像源插件idea打开服务工具窗口IDEA中的一些常见问题及其解决方案IDEA版本与MAVEN版本对应关系查找发布时间在IDEA版本之前的dea2021可以使用maven3.8以及以前的版本比如我是idea2021.2.2 ,需要将 maven 退到 apache-maven-3.…...

编程日记 2025/8/22 5:21:40

20250-3-8 树的存储结构

一、树的逻辑结构回顾树：一个分支结点可以有多课子树如果按照二叉树的存储来实现树的存储，则只依靠数组下标，无法反映结点之间的逻辑关系。二、双亲表示法（顺序存储） 1.因此：我们可以用链式存储的方法&…...

编程日记 2025/8/24 10:55:14

Visual-RFT视觉强化微调：用「试错学习」教会AI看图说话

📜 文献卡英文题目: Visual-RFT: Visual Reinforcement Fine-Tuning;作者: Ziyu Liu; Zeyi Sun; Yuhang Zang; Xiaoyi Dong; Yuhang Cao; Haodong Duan; Dahua Lin; Jiaqi WangDOI: 10.48550/arXiv.2503.01785摘要翻译: 像OpenAI o1这样的大型推理模型中的强化微调…...

编程日记 2025/8/22 5:10:30

PDF处理控件Aspose.PDF，如何实现企业级PDF处理

PDF处理为何成为开发者的“隐形雷区”？ “手动调整200页PDF目录耗时3天，扫描件文字识别错误导致数据混乱，跨平台渲染格式崩坏引发客户投诉……” 作为开发者，你是否也在为PDF处理的复杂细节消耗大量精力？Aspose.PDF凭…...

编程日记 2025/8/23 1:17:00

1. Vue 3 项目的文档结构

常见目录结构

各部分说明

2. main.js、index.html、App.vue 的相互调用关系

index.html

main.js

App.vue

调用关系

3. 新开发页面的加载位置

功能需求

代码加载位置

示例代码

如果放在 App.vue 中

如果放在独立组件 AISearch.vue 中

总结

相关文章：

2. `main.js`、`index.html`、`App.vue` 的相互调用关系

`index.html`

`main.js`

`App.vue`

如果放在 `App.vue` 中

如果放在独立组件 `AISearch.vue` 中