花信少年plus-CSDN博客

原创「从零开始的 Vue 3 系列」：第十三章——架构一个Vue项目（简单版）

本系列将从零开始，系统性地介绍 Vue 3 的常用 API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握 Vue 3 的基础与进阶知识，最终具备独立搭建完整 Vue 3 项目的能力。

2024-10-16 09:03:36 991

原创「从零开始的 Vue 3 系列」：第十四章——项目部署到服务器流程（简单版）

本系列将从零开始，系统性地介绍 Vue 3 的常用 API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握 Vue 3 的基础与进阶知识，最终具备独立搭建完整 Vue 3 项目的能力。发布步骤：1.使用 Vite 打包生成静态文件。2.选择适合你的发布平台，如 Nginx、Vercel、Netlify 或 Docker。3.配置服务器或平台，上传打包文件，确保正确配置路由和静态资源路径。

2024-10-16 09:01:03 454

原创「从零开始的 Vue 3 系列」：第十二章——Element Plus 组件的二次封装实践（保姆式）

本系列将从零开始，系统性地介绍 Vue 3 的常用 API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握 Vue 3 的基础与进阶知识，最终具备独立搭建完整 Vue 3 项目的能力。什么是ui组件的二次开发？二次开发有什么用？在 Vue 3 中封装 Element UI 组件库是一个常见的需求，尤其是为了复用组件和提升开发效率。

2024-10-15 09:28:12 1763

原创「从零开始的 Vue 3 系列」：第十一章——跨域问题解决方案全解析

本系列将从零开始，系统性地介绍 Vue 3 的常用 API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握 Vue 3 的基础与进阶知识，最终具备独立搭建完整 Vue 3 项目的能力。

2024-10-15 09:26:56 926

原创「从零开始的 Vue 3 系列」：第十章——深入理解自定义指令

在 Vue 3 中，自定义指令允许你扩展 HTML 元素的功能。与内置指令（如 v-model、v-if 等）不同，自定义指令是用户根据需求编写的。自定义指令在处理复杂 DOM 操作时非常有用。以下是如何在 Vue 3 中创建和使用自定义指令的详细说明。自定义指令的生命周期钩子函数可以让你在不同的阶段操作 DOM。created：指令绑定时调用，只触发一次。beforeMount：在元素插入 DOM 前调用。mounted：元素插入 DOM后调用。beforeUpdate：更新之前调用。

2024-10-14 10:25:26 627

原创「从零开始的 Vue 3 系列」：第九章——vue3中实‘动态路由‘与“权限管理“

本系列将从零开始，系统性地介绍 Vue 3 的常用 API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握 Vue 3 的基础与进阶知识，最终具备独立搭建完整 Vue 3 项目的能力。**思路：**动态路由实现就是前端登录获取用户信息->后端验证与权限获取->返回权限数据->前端动态生成路由–>权限控制那么项目中是如何实现呢：定义基础路由// 其他公共路由routes,});在用户登录时，从后端获取用户的权限数据。权限数据通常包含用户可以访问的路由或角色信息。

2024-10-14 10:25:01 645

原创「从零开始的 Vue 3 系列」：第八章——深入解析 Axios 与拦截器的使用与封装

Axios 基于 Promise 设计，支持异步请求处理，非常适合现代 JavaScript 应用。请求和响应拦截器：可以在请求或响应被 then 或 catch 处理前进行拦截和修改。自动转换 JSON 数据：自动将请求和响应的数据格式转换为 JSON。取消请求：支持请求取消功能。客户端支持防御 XSRF：提供 XSRF 防护功能。

2024-10-12 15:30:17 647

原创「从零开始的 Vue 3 系列：第七章——深入学习核心功能——Router(巨详细)

安装与基本配置使用 npm 安装 Vue Router 4.x，确保与 Vue 3 的兼容性。配置路由器实例，并将其集成到 Vue 应用中，通过 createRouter 创建路由对象并定义路由规则。声明式路由配置：简单而直观地定义路径与组件的映射关系。动态路由：通过路径参数实现灵活的路由匹配，适用于用户详情页等需求。嵌套路由：通过路由嵌套实现复杂的视图结构，支持多层次的界面布局。导航守卫与懒加载导航守卫：利用路由钩子函数实现权限控制和数据预加载，为应用提供更好的用户体验。

2024-10-12 14:49:16 1066

原创「从零开始的 Vue 3 系列」：第六章——深入理解与优化 computed 和 watch 的使用

Vue 3 中的 computed 和 watch 提供了强大而灵活的工具来处理复杂的状态管理需求，适用于从简单到复杂的各种应用场景。通过掌握它们，你可以在 Vue 3 项目中更有效地管理和响应数据变化。

2024-10-11 16:48:32 842

原创「从零开始的 Vue3 系列」：第五章——拥抱 Pinia - Vuex 的强劲对手解析与使用

Pinia 中的 store 与 Vuex 中的 module类似。你可以创建独立的 store 文件来管理不同的状态。以下是一个简单的 store 示例：新增、删除、获取、修改等方法都是直接在actions中自己定义的//引入// 定义 Task Storetasks: [] // 任务列表，初始为空}),// 定义 actions 来处理新增、删除和获取任务actions: {// 新增任务},// 根据ID删除任== taskId) 务},// 根据ID获取任务})

2024-10-11 16:01:02 1065

原创 [从零开始的 Vue3 系列]：第四章——Vue3 中常用组件通信全解析

在 Vue 3 中，组件通信是构建动态、交互式应用的核心。了解并掌握不同的组件通信方式能帮助我们更高效地管理数据流动和事件处理。

2024-09-30 10:54:43 1141

原创 [从零开始的 Vue3 系列]：第三章——深入解析 Vue3 的生命周期

前言本系列将从零开始，系统性地介绍 Vue 3 的常用 API，逐步深入每个核心概念与功能模块。通过详尽的讲解与实战演示，帮助大家掌握 Vue 3 的基础与进阶知识，最终具备独立搭建完整 Vue 3 项目的能力。Vue 3 的生命周期钩子（Lifecycle Hooks）在组件实例的不同阶段提供了灵活的控制点，开发者可以在这些钩子函数中执行相应的逻辑，如初始化数据、订阅事件、清理资源等。相比于 Vue 2，Vue 3 的生命周期函数名称做了一些修改，以更好地适应组合式 API（Composition AP

2024-09-30 10:54:27 831

llfxq的博客

原创「从零开始的 Vue 3 系列」：第十三章——架构一个Vue项目（简单版）

原创「从零开始的 Vue 3 系列」：第十四章——项目部署到服务器流程（简单版）

原创「从零开始的 Vue 3 系列」：第十二章——Element Plus 组件的二次封装实践（保姆式）

原创「从零开始的 Vue 3 系列」：第十一章——跨域问题解决方案全解析

原创「从零开始的 Vue 3 系列」：第十章——深入理解自定义指令

原创「从零开始的 Vue 3 系列」：第九章——vue3中实‘动态路由‘与“权限管理“

原创「从零开始的 Vue 3 系列」：第八章——深入解析 Axios 与拦截器的使用与封装

原创「从零开始的 Vue 3 系列：第七章——深入学习核心功能——Router(巨详细)

原创「从零开始的 Vue 3 系列」：第六章——深入理解与优化 computed 和 watch 的使用

原创「从零开始的 Vue3 系列」：第五章——拥抱 Pinia - Vuex 的强劲对手解析与使用

原创 [从零开始的 Vue3 系列]：第四章——Vue3 中常用组件通信全解析

原创 [从零开始的 Vue3 系列]：第三章——深入解析 Vue3 的生命周期

原创 [从零开始的 Vue3 系列]：第二章——MVVM 与响应式原理深入解析 setup语法糖（巨好用）

原创 [从零开始的 Vue3 系列]：第一章——深入解析 MVVM 模式与响应式原理

原创【前端高频面试题集锦：深入解析JS闭包】

原创从前端到全栈：我的未来职业规划之路

原创使用Vue 3结合ECharts实现地图数据下钻功能

原创使用 Java 分页读取 DOCX 文档的完整步骤

原创跨域问题全攻略：Vue 与 Java 实现方案

原创在 Vue 3 中生成动态的 Word 文档

空空如也

空空如也