- Vue 事件处理使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。methods 承载多是事件函数v-on 可以用 @替换 用法v-on:click="methodName" 或@click="methodName"事件处理器的值可以是：内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)... Vue 事件处理使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。methods 承载多是事件函数v-on 可以用 @替换 用法v-on:click="methodName" 或@click="methodName"事件处理器的值可以是：内联事件处理器：事件被触发时执行的内联 JavaScript 语句 (与 onclick 类似)...
- 文章目录🍀什么是生命周期？🍀Vue2的生命周期🍀Vue3的生命周期🍀 Vue 2 与 Vue 3 生命周期的变化🍀 结论🍀什么是生命周期？生命周期指的是事物从诞生到消亡所经历的各个阶段或过程。在软件开发中，特别是在前端开发中，生命周期通常指的是一个软件组件（比如网页、应用程序）从创建到销毁的整个过程。在这个过程中，组件会经历不同的阶段，每个阶段都有自己的特点和功能如果问它有啥用的... 文章目录🍀什么是生命周期？🍀Vue2的生命周期🍀Vue3的生命周期🍀 Vue 2 与 Vue 3 生命周期的变化🍀 结论🍀什么是生命周期？生命周期指的是事物从诞生到消亡所经历的各个阶段或过程。在软件开发中，特别是在前端开发中，生命周期通常指的是一个软件组件（比如网页、应用程序）从创建到销毁的整个过程。在这个过程中，组件会经历不同的阶段，每个阶段都有自己的特点和功能如果问它有啥用的...
- 文章目录🍋介绍🍋回顾上节🍋props基本使用🍋优势🍋总结🍋介绍在Vue3中，Props是一种用于从父组件向子组件传递数据的重要机制。Props可以让我们以声明式的方式将数据传递到子组件，使得组件之间的通信更加简单和可靠。本文将详细介绍Vue3中Props的用法🍋回顾上节我们首先在根组件中编写下面的数组let personList = [ {id:'a01',name:'大... 文章目录🍋介绍🍋回顾上节🍋props基本使用🍋优势🍋总结🍋介绍在Vue3中，Props是一种用于从父组件向子组件传递数据的重要机制。Props可以让我们以声明式的方式将数据传递到子组件，使得组件之间的通信更加简单和可靠。本文将详细介绍Vue3中Props的用法🍋回顾上节我们首先在根组件中编写下面的数组let personList = [ {id:'a01',name:'大...
- 文章目录🍋介绍🍋接口🍋泛型🍋自定义类型🍋接口、泛型、自定义相对比🍋结论🍋介绍在Vue3中，我们不仅可以利用其强大的响应式系统和组件化开发来构建灵活的前端应用程序，还可以利用TypeScript(简称TS)的特性来增强代码的可读性、可维护性和类型安全性。在本文中，我们将深入探讨Vue3中接口、泛型和自定义类型的使用，以便更好地利用这些功能来构建优秀的Vue应用🍋接口首先我们介绍... 文章目录🍋介绍🍋接口🍋泛型🍋自定义类型🍋接口、泛型、自定义相对比🍋结论🍋介绍在Vue3中，我们不仅可以利用其强大的响应式系统和组件化开发来构建灵活的前端应用程序，还可以利用TypeScript(简称TS)的特性来增强代码的可读性、可维护性和类型安全性。在本文中，我们将深入探讨Vue3中接口、泛型和自定义类型的使用，以便更好地利用这些功能来构建优秀的Vue应用🍋接口首先我们介绍...
- 文章目录🍋什么是ref？🍋标签的ref属性🍋扩展🍋注意事项🍋总结🍋什么是ref？ref是Vue提供的一个特殊属性，用来在模板或组件中给子元素或组件注册引用信息。这个引用信息可以是一个指向DOM元素或组件实例的引用，通过这个引用，我们可以直接操作对应的DOM元素或组件实例🍋标签的ref属性准备好初始代码<template> <div class="person"> <h2... 文章目录🍋什么是ref？🍋标签的ref属性🍋扩展🍋注意事项🍋总结🍋什么是ref？ref是Vue提供的一个特殊属性，用来在模板或组件中给子元素或组件注册引用信息。这个引用信息可以是一个指向DOM元素或组件实例的引用，通过这个引用，我们可以直接操作对应的DOM元素或组件实例🍋标签的ref属性准备好初始代码<template> <div class="person"> <h2...
- 文章目录🍋回顾watch🍋引入watchEffect🍋watch、watchEffect对比🍋注意事项🍋总结🍋回顾watch在介绍本节的内容之前，我们还是先准备好本节使用的初始代码<template> <div class="person"> <h2>攻击：{{ gongji }}</h2> <h2>防御：{{ fangyu }}</h2> <button @... 文章目录🍋回顾watch🍋引入watchEffect🍋watch、watchEffect对比🍋注意事项🍋总结🍋回顾watch在介绍本节的内容之前，我们还是先准备好本节使用的初始代码<template> <div class="person"> <h2>攻击：{{ gongji }}</h2> <h2>防御：{{ fangyu }}</h2> <button @...
- 文章目录🍋情况三：监视【reactive】定义的对象类型数据🍋情况四：监视【ref或reactive】定义的对象类型数据中的某个属性🍋情况五：监视上述的多个数据🍋总结🍋情况三：监视【reactive】定义的对象类型数据准备代码如下<template> <div class="person"> <h2>姓名：{{ person.name }}</h2> <h2>年龄：{... 文章目录🍋情况三：监视【reactive】定义的对象类型数据🍋情况四：监视【ref或reactive】定义的对象类型数据中的某个属性🍋情况五：监视上述的多个数据🍋总结🍋情况三：监视【reactive】定义的对象类型数据准备代码如下<template> <div class="person"> <h2>姓名：{{ person.name }}</h2> <h2>年龄：{...
- 文章目录🍋介绍🍋情况一：监视【ref】定义的基本数据类型🍋情况二：监视【ref】定义的对象类型数据🍋与Vue2中watch的比较🍋总结🍋介绍在Vue3中，watch 函数是一个非常强大且常用的功能，用于监视数据的变化并执行相应的操作。本文将深入探讨Vue3中的watch监视功能，包括基本用法、高级用法以及与Vue2中watch的比较。特点：Vue3中的watch只能监视以下四种数... 文章目录🍋介绍🍋情况一：监视【ref】定义的基本数据类型🍋情况二：监视【ref】定义的对象类型数据🍋与Vue2中watch的比较🍋总结🍋介绍在Vue3中，watch 函数是一个非常强大且常用的功能，用于监视数据的变化并执行相应的操作。本文将深入探讨Vue3中的watch监视功能，包括基本用法、高级用法以及与Vue2中watch的比较。特点：Vue3中的watch只能监视以下四种数...
- 什么是Vue.js？Vue.js是一款现代、轻量级的JavaScript框架，专注于构建用户界面。由尤雨溪（Evan You）于2014年创建，Vue.js迅速赢得了开发者社区的喜爱，成为构建交互性强、响应迅速的Web应用程序的首选框架之一。 安装Vue.js在开始使用Vue.js之前，确保你已经安装了Node.js和npm（Node.js包管理器），因为Vue.js依赖于它们。接下来，通... 什么是Vue.js？Vue.js是一款现代、轻量级的JavaScript框架，专注于构建用户界面。由尤雨溪（Evan You）于2014年创建，Vue.js迅速赢得了开发者社区的喜爱，成为构建交互性强、响应迅速的Web应用程序的首选框架之一。 安装Vue.js在开始使用Vue.js之前，确保你已经安装了Node.js和npm（Node.js包管理器），因为Vue.js依赖于它们。接下来，通...
- 文章目录🍀何为计算属性computed🍀介绍计算属性computed🍀计算属性computed的优势🍀总结🍀何为计算属性computed在Vue中，计算属性computed是一种便捷的方式来声明基于其他属性计算的属性。它的特点是：基于它们的依赖进行缓存，只有在相关依赖发生改变时才会重新计算。这样可以避免不必要的计算，提高应用程序的性能。🍀介绍计算属性computed首先我们准备一... 文章目录🍀何为计算属性computed🍀介绍计算属性computed🍀计算属性computed的优势🍀总结🍀何为计算属性computed在Vue中，计算属性computed是一种便捷的方式来声明基于其他属性计算的属性。它的特点是：基于它们的依赖进行缓存，只有在相关依赖发生改变时才会重新计算。这样可以避免不必要的计算，提高应用程序的性能。🍀介绍计算属性computed首先我们准备一...
- 文章目录🍋介绍ref🍋介绍reactive🍋ref扩展🍋ref和reactive对比🍋总结🍋介绍ref先来简单介绍一下ref，它可以定义响应式的变量语法：let xxx = ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性是响应式的。注意点：JS中操作数据需要：xxx.value，但模板中不需要.value，直接使... 文章目录🍋介绍ref🍋介绍reactive🍋ref扩展🍋ref和reactive对比🍋总结🍋介绍ref先来简单介绍一下ref，它可以定义响应式的变量语法：let xxx = ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性是响应式的。注意点：JS中操作数据需要：xxx.value，但模板中不需要.value，直接使...
- 文章目录🍋文件结构🍋小案例🍋总结🍋文件结构├── public/ # 公共资源目录│ ├── index.html # 入口 HTML 文件│ └── ...├── src/ # 项目源码目录│ ├── assets/ # 静态资源目录（图片、样式等）│ ├── component... 文章目录🍋文件结构🍋小案例🍋总结🍋文件结构├── public/ # 公共资源目录│ ├── index.html # 入口 HTML 文件│ └── ...├── src/ # 项目源码目录│ ├── assets/ # 静态资源目录（图片、样式等）│ ├── component...
- 本文介绍了在Vue.js项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Vue及Vue CLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Vue.js开发环境，为后续的项目开发奠定基础。 本文介绍了在Vue.js项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Vue及Vue CLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Vue.js开发环境，为后续的项目开发奠定基础。
- @TOC 前言Vue.js，是一个流行且灵活的前端 JavaScript 框架，以其简洁的语法和高效的性能而备受开发者青睐。作为一款渐进式框架，Vue 不仅易于上手，而且能够应对各种规模的应用程序开发需求。本文将介绍 Vue.js 的基本概念和优势，并通过一个简单的示例来演示如何构建 Vue 的第一个实例。 一、为什么要学习Vue1.前端必备技能2.岗位多，绝大互联网公司都在使用Vue3.提... @TOC 前言Vue.js，是一个流行且灵活的前端 JavaScript 框架，以其简洁的语法和高效的性能而备受开发者青睐。作为一款渐进式框架，Vue 不仅易于上手，而且能够应对各种规模的应用程序开发需求。本文将介绍 Vue.js 的基本概念和优势，并通过一个简单的示例来演示如何构建 Vue 的第一个实例。 一、为什么要学习Vue1.前端必备技能2.岗位多，绝大互联网公司都在使用Vue3.提...
- vue2+Element-ui整合Axios vue2+Element-ui整合Axios
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签