breakthrough_01-CSDN博客

原创创建一个简单的 Nuxt.js 应用

记录一下自己创建一个使用 Vue 3 的 Nuxt.js 应用的过程。该应用包含两个子页面，相对简单。结果如论如何都创建不出来，要不就卡住，要不就报错：因此才决定记录一下这个创建过程。

2024-11-26 13:00:56 931

Vite 是一个新型的前端构建工具，专为现代浏览器和工具链而设计，提供了极快的冷启动和热模块更新（HMR）速度。以下是使用 Vite 创建 Vue 3 项目的详细步骤：一、安装 Node.js 和 npm首先，确保计算机上安装了 Node.js 和 npm（Node 包管理器）。具体安装方法这里不再赘述，可以在命令行中运行和来检查它们是否已安装以及安装的版本。二、全局安装 Vite接下来，需要全局安装 Vite。打开命令行或终端，并运行以下命令：或者，如果使用的是 Yarn，可以运行：注意：从

2024-11-08 15:54:16 1885

原创使用Spring Boot搭建简单的web服务

Spring Boot是由Pivotal团队提供的一套开源框架，旨在简化Spring应用的创建及部署。一、核心设计思想Spring Boot的核心设计思想是“约定优于配置”（Convention Over Configuration，简称COC）。这种设计哲学强调通过遵循一系列预设的约定来减少显式配置的需要，从而降低配置的复杂性和出错的可能性，提高开发效率。二、主要特点三、常用功能四、依赖环境要求。

2024-11-04 22:49:41 1235

原创 Vue 3 的路由机制（1）

路由参数：用于在URL路径中传递动态数据，通过定义，在目标组件中通过访问。查询参数：用于在URL末尾传递额外信息，通过?和构建，在目标组件中通过访问。

2024-10-28 15:04:35 1053

原创 Vue 3 的响应式数据绑定（2）

在Vue 3中，自定义响应式逻辑是一项强大的功能，它允许开发者根据自己的需求创建和管理响应式数据。一、Vue 3响应式系统基础Vue 3的响应式系统主要依赖于Proxy对象和Reflect API来实现。与Vue 2中的Object.defineProperty不同，Proxy可以拦截对对象属性的读取、写入、删除等操作，从而实现对数据变化的追踪和响应。二、自定义响应式逻辑的实现创建响应式对象使用reactive函数将普通JavaScript对象转换为响应式对象。reactive。

2024-10-26 15:23:40 1207

原创 Vue 3 的响应式数据绑定（1）

Vue 3的响应式原理是其框架的核心机制之一，它使得当数据发生变化时，视图能够自动更新。以下是Vue 3响应式原理的详细解释：一、核心机制Vue 3的响应式原理主要包括两个方面：依赖收集和属性代理。二、实现原理：Vue 3使用了ES6的Proxy对象作为其响应式系统的核心。Proxy可以拦截对象的读取和设置操作，从而实现对数据的监听和响应。相比于Vue 2中的Object.defineProperty，Proxy提供了更强大的功能和更好的性能。三、相关API四、注意事项。

2024-10-26 15:02:19 1565

原创 Vue 3 的组件式开发（3）

Vue 3组件库的使用与自定义组件库是前端开发中的重要技能，它有助于提升开发效率，实现代码的复用和模块化。创建项目结构使用Vue CLI或Vite等工具创建一个新的Vue 3项目。然后，根据项目需求创建组件库所需的目录结构，如用于存放组件代码，src/styles用于存放样式文件等。编写组件在目录下编写自定义组件。每个组件都包含HTML模板、JavaScript逻辑和CSS样式。例如，创建一个简单的按钮组件：<template></button><script>props: {

2024-10-25 15:41:59 1798

原创 Vue 3 的组件式开发（2）

Mixins是一个普通的JavaScript对象，它可以包含任何组件选项，如data、methods、computed、watch、生命周期钩子等。当组件使用Mixins时，所有Mixins的选项都会被“混入”到该组件自身的选项中。Composition API 是 Vue 3 提供的一组新的 API，旨在简化组件的逻辑复用与组织，使得组件变得更易于理解和维护。

2024-10-25 11:02:20 1260

原创 Vue 3 的组件式开发（1）

</h1>// 组件的其他选项...

2024-10-24 17:32:12 1285

原创 Vue 3 的介绍与安装

定义：Monorepo，即“单个仓库”（Single Repository），是一种将多个项目的代码存储在同一个仓库中的做法。优势代码重用：由于所有项目代码都集中在同一个仓库中，因此很容易抽离出各个项目共用的业务组件或工具，并在代码内引用。依赖管理：项目之间的引用路径内化在同一个仓库之中，便于追踪某个项目的代码修改后会影响到其他哪些项目。同时，可以使用如lerna等工具进行版本依赖管理和版本号自动升级。统一构建和测试：使用统一的构建配置和流程，减少了配置和维护的工作量。

2024-10-23 15:17:35 1197