- 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
上滑加载中
推荐直播
-
算子工具性能优化新特性演示——MatMulLeakyRelu性能调优实操2025/01/10 周五 15:30-17:30
MindStudio布道师
算子工具性能优化新特性演示——MatMulLeakyRelu性能调优实操
回顾中 -
用代码全方位驱动 OBS 存储2025/01/14 周二 16:30-18:00
阿肯 华为云生态技术讲师
如何用代码驱动OBS？常用的数据管理，对象清理，多版本对象访问等应该如何编码？本期课程一一演示解答。
即将直播 -
GaussDB数据库开发2025/01/15 周三 16:00-17:30
Steven 华为云学堂技术讲师
本期直播将带你了解GaussDB数据库开发相关知识，并通过实验指导大家利用java基于JDBC的方式来完成GaussD数据库基础操作。
去报名
热门标签