- 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。...
- 点击侧边导航栏，右侧 main 对应显示在 Vue.js 中，实现点击侧边导航栏后右侧 main 区域显示对应内容，是单页面应用（SPA）中的常见需求。通过 Vue Router 和动态组件，可以轻松实现这一功能。 应用场景后台管理系统：如点击左侧菜单，右侧显示对应的管理页面。仪表盘：如点击侧边栏的不同模块，右侧显示对应的数据图表。电商网站：如点击分类导航，右侧显示对应的商品列表。文档系统... 点击侧边导航栏，右侧 main 对应显示在 Vue.js 中，实现点击侧边导航栏后右侧 main 区域显示对应内容，是单页面应用（SPA）中的常见需求。通过 Vue Router 和动态组件，可以轻松实现这一功能。 应用场景后台管理系统：如点击左侧菜单，右侧显示对应的管理页面。仪表盘：如点击侧边栏的不同模块，右侧显示对应的数据图表。电商网站：如点击分类导航，右侧显示对应的商品列表。文档系统...
- Vue.js 组件开发 - 实现图片裁剪 1. 介绍图片裁剪是 Web 应用中常见的功能，常用于用户头像上传、图片编辑等场景。通过 Vue.js 组件化开发，我们可以实现一个可复用的图片裁剪组件，方便在不同项目中集成和使用。 1.1 图片裁剪的应用场景用户头像上传：用户上传头像时，裁剪图片以适应特定的尺寸。图片编辑：在图片编辑工具中，裁剪图片以去除不需要的部分。社交媒体：在社交媒体应用中，... Vue.js 组件开发 - 实现图片裁剪 1. 介绍图片裁剪是 Web 应用中常见的功能，常用于用户头像上传、图片编辑等场景。通过 Vue.js 组件化开发，我们可以实现一个可复用的图片裁剪组件，方便在不同项目中集成和使用。 1.1 图片裁剪的应用场景用户头像上传：用户上传头像时，裁剪图片以适应特定的尺寸。图片编辑：在图片编辑工具中，裁剪图片以去除不需要的部分。社交媒体：在社交媒体应用中，...
- Vue.js开发入门：从零开始搭建你的第一个项目 1. 介绍Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它易于上手，且可以与现有项目无缝集成。Vue.js 的核心库专注于视图层，使得开发者可以轻松地构建单页应用（SPA）和复杂的用户界面。 1.1 Vue.js 的特点轻量级：Vue.js 的核心库非常小，压缩后只有几十KB。双向数据绑定：通过 v-model ... Vue.js开发入门：从零开始搭建你的第一个项目 1. 介绍Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它易于上手，且可以与现有项目无缝集成。Vue.js 的核心库专注于视图层，使得开发者可以轻松地构建单页应用（SPA）和复杂的用户界面。 1.1 Vue.js 的特点轻量级：Vue.js 的核心库非常小，压缩后只有几十KB。双向数据绑定：通过 v-model ...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签