- Vue 3 中的计算属性（Computed Properties）计算属性是 Vue 中非常重要的一个特性，它允许你基于现有的响应式数据动态计算出新的值。计算属性在 Vue 2 和 Vue 3 中都有广泛的应用，但在 Vue 3 中，计算属性的使用方式更加灵活和强大。接下来，我们将详细学习如何在 Vue 3 中使用计算属性，并理解其背后的原理。一、计算属性的基本使用（一）需求假设我们有一个表... Vue 3 中的计算属性（Computed Properties）计算属性是 Vue 中非常重要的一个特性，它允许你基于现有的响应式数据动态计算出新的值。计算属性在 Vue 2 和 Vue 3 中都有广泛的应用，但在 Vue 3 中，计算属性的使用方式更加灵活和强大。接下来，我们将详细学习如何在 Vue 3 中使用计算属性，并理解其背后的原理。一、计算属性的基本使用（一）需求假设我们有一个表...
- Vue 3 中的 toRefs 和 toRef：解构响应式对象的工具当我们使用 reactive 创建一个响应式对象时，直接解构对象的属性会导致失去响应式特性。这是因为解构出来的变量是普通的值，而不是响应式引用。这种问题该如何进行解决呢？这就要用到我们的toRefs 和 toRef解构响应式对象的工具了。在 Vue 3 中，toRefs 和 toRef 是两个非常有用的工具函数，用于从 re... Vue 3 中的 toRefs 和 toRef：解构响应式对象的工具当我们使用 reactive 创建一个响应式对象时，直接解构对象的属性会导致失去响应式特性。这是因为解构出来的变量是普通的值，而不是响应式引用。这种问题该如何进行解决呢？这就要用到我们的toRefs 和 toRef解构响应式对象的工具了。在 Vue 3 中，toRefs 和 toRef 是两个非常有用的工具函数，用于从 re...
- Vue 3 中的 <script setup> 语法糖语法糖的功能就是让代码变的简洁在 Vue 3 中，<script setup> 是一个非常有用的语法糖，它可以让代码变得更加简洁和优雅。接下来，我们将详细学习如何使用 <script setup>，并理解其背后的原理。一、<script setup> 的基本使用（一）定义 <script setup><script setup> 是 Vu... Vue 3 中的 <script setup> 语法糖语法糖的功能就是让代码变的简洁在 Vue 3 中，<script setup> 是一个非常有用的语法糖，它可以让代码变得更加简洁和优雅。接下来，我们将详细学习如何使用 <script setup>，并理解其背后的原理。一、<script setup> 的基本使用（一）定义 <script setup><script setup> 是 Vu...
- Vue 3 中的 setup 函数与响应式数据在 Vue 3 中，setup 函数是 Composition API 的核心部分，它允许你将组件的逻辑集中管理。接下来，我们将详细学习如何使用 setup 函数，并理解响应式数据的概念。一、setup 函数的基本使用（一）定义 setup 函数setup 函数是 Vue 3 中的一个新配置项，它的值是一个函数。这个函数在组件创建之前执行，比 V... Vue 3 中的 setup 函数与响应式数据在 Vue 3 中，setup 函数是 Composition API 的核心部分，它允许你将组件的逻辑集中管理。接下来，我们将详细学习如何使用 setup 函数，并理解响应式数据的概念。一、setup 函数的基本使用（一）定义 setup 函数setup 函数是 Vue 3 中的一个新配置项，它的值是一个函数。这个函数在组件创建之前执行，比 V...
- Vue 3 中的 Options API 与 Composition API在 Vue 3 中，引入了一种新的 API 形式——Composition API，它与 Vue 2 中的 Options API 有所不同。接下来，我们将详细对比这两种 API 的特点和使用方法。一、Options API选项式API（一）特点Options API 是 Vue 2 中使用的主要 API 形式。它将... Vue 3 中的 Options API 与 Composition API在 Vue 3 中，引入了一种新的 API 形式——Composition API，它与 Vue 2 中的 Options API 有所不同。接下来，我们将详细对比这两种 API 的特点和使用方法。一、Options API选项式API（一）特点Options API 是 Vue 2 中使用的主要 API 形式。它将...
- vue3简单的小应用一、创建功能组件接下来，我们将创建一个具有实际功能的组件。右键新建一个名为“components”的文件夹，用于存放各个功能组件，就像树枝和叶子一样。在“components”文件夹中，新建一个名为“Person.vue”的文件，用于展示个人信息。二、编写 Person 组件在“Person.vue”文件中，可以利用代码片段快速生成模板。例如，通过输入“v2”并回车，生成... vue3简单的小应用一、创建功能组件接下来，我们将创建一个具有实际功能的组件。右键新建一个名为“components”的文件夹，用于存放各个功能组件，就像树枝和叶子一样。在“components”文件夹中，新建一个名为“Person.vue”的文件，用于展示个人信息。二、编写 Person 组件在“Person.vue”文件中，可以利用代码片段快速生成模板。例如，通过输入“v2”并回车，生成...
- 深入解析 Vue 3 工程的 src 目录一、src 目录的重要性在 Vue 3 工程中，src 目录是我们的主战场。虽然工程中还有其他文件和文件夹，但 src 目录中的源代码结构是我们最需要熟悉的。这里存放着前端工程师的主要工作成果，包括 .vue、.js、.css 等文件。二、src 目录中的关键文件和文件夹（一）main.tsmain.ts 是 Vue 3 工程的入口文件。它主要负责创... 深入解析 Vue 3 工程的 src 目录一、src 目录的重要性在 Vue 3 工程中，src 目录是我们的主战场。虽然工程中还有其他文件和文件夹，但 src 目录中的源代码结构是我们最需要熟悉的。这里存放着前端工程师的主要工作成果，包括 .vue、.js、.css 等文件。二、src 目录中的关键文件和文件夹（一）main.tsmain.ts 是 Vue 3 工程的入口文件。它主要负责创...
- 创建 Vue 3 工程一、创建工程的两种方式创建 Vue 3 工程主要有两种方式。一种是使用 vue-cli，这是一个基于 webpack 的脚手架，能够帮助我们快速搭建 Vue 3 项目。参考文档：https://cli.vuejs.org/zh/guide/creating-a-project.html另一种是使用 Vite，这是 Vue 官方新推出的构建工具，也是官方推荐用于创建 Vu... 创建 Vue 3 工程一、创建工程的两种方式创建 Vue 3 工程主要有两种方式。一种是使用 vue-cli，这是一个基于 webpack 的脚手架，能够帮助我们快速搭建 Vue 3 项目。参考文档：https://cli.vuejs.org/zh/guide/creating-a-project.html另一种是使用 Vite，这是 Vue 官方新推出的构建工具，也是官方推荐用于创建 Vu...
- Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面和单页应用程序。组件是Vue.js应用的基础构建块。下面是一些关于Vue.js组件开发的步骤和最佳实践：1. 基础结构创建组件在Vue.js中，你可以通过以下几种方式创建组件：使用Vue.component全局注册组件在Vue实例内部使用components选项局部注册组件使用单文件组件（.vue文件）示例：全局注册组件... Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面和单页应用程序。组件是Vue.js应用的基础构建块。下面是一些关于Vue.js组件开发的步骤和最佳实践：1. 基础结构创建组件在Vue.js中，你可以通过以下几种方式创建组件：使用Vue.component全局注册组件在Vue实例内部使用components选项局部注册组件使用单文件组件（.vue文件）示例：全局注册组件...
- Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面和单页应用程序。组件是Vue.js应用的基础构建块。下面是一些关于Vue.js组件开发的步骤和最佳实践：1. 基础结构创建组件在Vue.js中，你可以通过以下几种方式创建组件：使用Vue.component全局注册组件在Vue实例内部使用components选项局部注册组件使用单文件组件（.vue文件）示例：全局注册组件... Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面和单页应用程序。组件是Vue.js应用的基础构建块。下面是一些关于Vue.js组件开发的步骤和最佳实践：1. 基础结构创建组件在Vue.js中，你可以通过以下几种方式创建组件：使用Vue.component全局注册组件在Vue实例内部使用components选项局部注册组件使用单文件组件（.vue文件）示例：全局注册组件...
- 从 0 开始实现一个 SpringBoot + Vue 项目SpringBoot 是一个用于快速开发 Java 应用程序的框架，Vue.js 是一个用于构建用户界面的 JavaScript 框架。结合 SpringBoot 和 Vue.js 可以构建现代化的全栈 Web 应用。 1. 项目介绍目标：构建一个全栈 Web 应用，前端使用 Vue.js，后端使用 SpringBoot。核心功能... 从 0 开始实现一个 SpringBoot + Vue 项目SpringBoot 是一个用于快速开发 Java 应用程序的框架，Vue.js 是一个用于构建用户界面的 JavaScript 框架。结合 SpringBoot 和 Vue.js 可以构建现代化的全栈 Web 应用。 1. 项目介绍目标：构建一个全栈 Web 应用，前端使用 Vue.js，后端使用 SpringBoot。核心功能...
- vue-项目基础配置 vue-项目基础配置
- Vue-项目搭建 Vue-项目搭建
- Vue.js 组件开发 - 处理跨域请求在 Vue.js 应用开发中，跨域请求是一个常见问题。跨域请求通常发生在前端应用（运行在浏览器中）尝试访问不同域名、端口或协议的 API 时。浏览器的同源策略（Same-Origin Policy）会阻止这种请求，因此需要特殊处理。 1. 跨域请求的作用访问外部 API：允许前端应用访问不同域名、端口或协议的 API。提高开发效率：在开发环境中，前端... Vue.js 组件开发 - 处理跨域请求在 Vue.js 应用开发中，跨域请求是一个常见问题。跨域请求通常发生在前端应用（运行在浏览器中）尝试访问不同域名、端口或协议的 API 时。浏览器的同源策略（Same-Origin Policy）会阻止这种请求，因此需要特殊处理。 1. 跨域请求的作用访问外部 API：允许前端应用访问不同域名、端口或协议的 API。提高开发效率：在开发环境中，前端...
- 前言之前使用vue3都是在公司的基建项目中，为了快速达到目的，把以前vue2的模板拿来简单改改就直接用了，所以项目中用法特别乱，比如：状态管理依旧用的vuex，各种类型定义全是any，有些代码是选项式API，有些代码是组合式API...最近终于有时间推动一下业务项目使用vue3了。作为极简主义的我，始终奉行少即是多，既然是新场景，一切从新，从头开始写模版：使用最新的vue3版本v3.5.x。... 前言之前使用vue3都是在公司的基建项目中，为了快速达到目的，把以前vue2的模板拿来简单改改就直接用了，所以项目中用法特别乱，比如：状态管理依旧用的vuex，各种类型定义全是any，有些代码是选项式API，有些代码是组合式API...最近终于有时间推动一下业务项目使用vue3了。作为极简主义的我，始终奉行少即是多，既然是新场景，一切从新，从头开始写模版：使用最新的vue3版本v3.5.x。...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签