- 文章目录🍀什么是生命周期？🍀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
- 一、前世尘缘vue中内置组件keep-alive的设计思想源于HTTP中的Keep-Alive模式，Keep-Alive模式避免频繁创建、销毁链接，允许多个请求和响应使用同一个HTTP链接。HTTP 1.0 中keep-alive默认是关闭的，需要在HTTP头加入"Connection: Keep-Alive"，才能启用Keep-Alive；HTTP 1.1中默认启用Keep-Alive，... 一、前世尘缘vue中内置组件keep-alive的设计思想源于HTTP中的Keep-Alive模式，Keep-Alive模式避免频繁创建、销毁链接，允许多个请求和响应使用同一个HTTP链接。HTTP 1.0 中keep-alive默认是关闭的，需要在HTTP头加入"Connection: Keep-Alive"，才能启用Keep-Alive；HTTP 1.1中默认启用Keep-Alive，...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第三期2026/08/21 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；念擎-华为云AI开发者运营案例开发专家
本期直播内容：AI六层能力首次详细解读 + 新一代华为云开发者空间亮相 + 校园案例直播带练
回顾中
热门标签