- 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。...
- 点击侧边导航栏，右侧 main 对应显示在 Vue.js 中，实现点击侧边导航栏后右侧 main 区域显示对应内容，是单页面应用（SPA）中的常见需求。通过 Vue Router 和动态组件，可以轻松实现这一功能。 应用场景后台管理系统：如点击左侧菜单，右侧显示对应的管理页面。仪表盘：如点击侧边栏的不同模块，右侧显示对应的数据图表。电商网站：如点击分类导航，右侧显示对应的商品列表。文档系统... 点击侧边导航栏，右侧 main 对应显示在 Vue.js 中，实现点击侧边导航栏后右侧 main 区域显示对应内容，是单页面应用（SPA）中的常见需求。通过 Vue Router 和动态组件，可以轻松实现这一功能。 应用场景后台管理系统：如点击左侧菜单，右侧显示对应的管理页面。仪表盘：如点击侧边栏的不同模块，右侧显示对应的数据图表。电商网站：如点击分类导航，右侧显示对应的商品列表。文档系统...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签