- vue之api-onActivated(激活)和onDeactivated(停用 ) vue之api-onActivated(激活)和onDeactivated(停用 )
- 大家好,我是 V 哥。Vue 2 和 Vue 3 在响应式原理上存在显著差异,下面为你详细介绍。如果你是前端开发,V 哥建议抓紧入坑鸿蒙,2025年鸿蒙趋势将引领国产化替代的新征程,大量内推岗位等你来拿。推荐一本鸿蒙 NEXT 书《鸿蒙 HarmonyOS 开发之路》卷1,可以让你少走弯路。 Vue 2 响应式原理Vue 2 使用 Object.defineProperty() 方法来实现响... 大家好,我是 V 哥。Vue 2 和 Vue 3 在响应式原理上存在显著差异,下面为你详细介绍。如果你是前端开发,V 哥建议抓紧入坑鸿蒙,2025年鸿蒙趋势将引领国产化替代的新征程,大量内推岗位等你来拿。推荐一本鸿蒙 NEXT 书《鸿蒙 HarmonyOS 开发之路》卷1,可以让你少走弯路。 Vue 2 响应式原理Vue 2 使用 Object.defineProperty() 方法来实现响...
- Vue 3 引入了 Composition API,这允许开发者以一种更加模块化和可复用的方式组织和复用代码。尽管 Options API 仍然被支持,但 Composition API 提供了一些新的生命周期钩子,并且可以更灵活地管理组件的生命周期。以下是 Vue 3 中常用的生命周期钩子及其对应的 Options API 和 Composition API 表示方式: Options A... Vue 3 引入了 Composition API,这允许开发者以一种更加模块化和可复用的方式组织和复用代码。尽管 Options API 仍然被支持,但 Composition API 提供了一些新的生命周期钩子,并且可以更灵活地管理组件的生命周期。以下是 Vue 3 中常用的生命周期钩子及其对应的 Options API 和 Composition API 表示方式: Options A...
- 在 Vue 3 中,组件间传递参数有多种方式,以下是几种常见的方法: 1. Props(父传子)方式:父组件通过 v-bind 或简写 : 绑定变量,子组件通过 defineProps 接收参数。优点:简单直观,符合单向数据流原则,易于理解和维护。缺点:仅适用于父子组件之间的通信,跨级组件或兄弟组件通信较为繁琐。 2. 自定义事件(子传父)方式:子组件通过 defineEmits 注册事件,... 在 Vue 3 中,组件间传递参数有多种方式,以下是几种常见的方法: 1. Props(父传子)方式:父组件通过 v-bind 或简写 : 绑定变量,子组件通过 defineProps 接收参数。优点:简单直观,符合单向数据流原则,易于理解和维护。缺点:仅适用于父子组件之间的通信,跨级组件或兄弟组件通信较为繁琐。 2. 自定义事件(子传父)方式:子组件通过 defineEmits 注册事件,...
- 在 Vue 3 中,组件是构建用户界面的基本单位。组件允许你将 UI 拆分成可复用的独立部分,每个部分都包含自己的逻辑、样式和模板。以下是 Vue 3 组件的基础用法: 1. 定义一个组件你可以使用 defineComponent 函数(在 Vue 3 的 Composition API 中)或一个简单的对象字面量(在 Options API 中)来定义一个组件。 使用 Compositio... 在 Vue 3 中,组件是构建用户界面的基本单位。组件允许你将 UI 拆分成可复用的独立部分,每个部分都包含自己的逻辑、样式和模板。以下是 Vue 3 组件的基础用法: 1. 定义一个组件你可以使用 defineComponent 函数(在 Vue 3 的 Composition API 中)或一个简单的对象字面量(在 Options API 中)来定义一个组件。 使用 Compositio...
- 在 Vue 3 中,侦听器(watchers)是一种用于观察和响应 Vue 实例上数据变化的机制。与计算属性(computed properties)不同,侦听器允许你执行异步操作或更复杂的副作用处理。在 Vue 3 中,你可以使用 watch 函数来创建侦听器。watch 函数可以在组件的 setup 函数中使用,也可以在组合式 API 的其他部分使用。以下是一些关于如何在 Vue 3 中... 在 Vue 3 中,侦听器(watchers)是一种用于观察和响应 Vue 实例上数据变化的机制。与计算属性(computed properties)不同,侦听器允许你执行异步操作或更复杂的副作用处理。在 Vue 3 中,你可以使用 watch 函数来创建侦听器。watch 函数可以在组件的 setup 函数中使用,也可以在组合式 API 的其他部分使用。以下是一些关于如何在 Vue 3 中...
- 基于 Vue + Spring Boot 的学生宿舍管理系统系统介绍本系统旨在为高校提供一体化的宿舍管理解决方案,涵盖学生管理、宿舍分配、报修处理、访客登记、数据统计等功能模块。采用前后端分离架构,前端使用 Vue 3 + Element Plus 实现响应式界面,后端基于 Spring Boot 2.7 + MyBatis-Plus 构建 RESTful API,数据库采用 M... 基于 Vue + Spring Boot 的学生宿舍管理系统系统介绍本系统旨在为高校提供一体化的宿舍管理解决方案,涵盖学生管理、宿舍分配、报修处理、访客登记、数据统计等功能模块。采用前后端分离架构,前端使用 Vue 3 + Element Plus 实现响应式界面,后端基于 Spring Boot 2.7 + MyBatis-Plus 构建 RESTful API,数据库采用 M...
- vue之api-createApp() vue之api-createApp()
- 在 Vue 3 中,条件渲染是一种根据应用状态动态地显示或隐藏元素的技术。Vue 提供了多种指令和方法来实现条件渲染,包括 v-if、v-else-if、v-else、v-show 以及组合 API 中的条件逻辑。以下是对 Vue 3 中条件渲染的详细解释: 1. v-if、v-else-if、v-elsev-if:用于根据表达式的真假来决定是否渲染元素。<template> <div v... 在 Vue 3 中,条件渲染是一种根据应用状态动态地显示或隐藏元素的技术。Vue 提供了多种指令和方法来实现条件渲染,包括 v-if、v-else-if、v-else、v-show 以及组合 API 中的条件逻辑。以下是对 Vue 3 中条件渲染的详细解释: 1. v-if、v-else-if、v-elsev-if:用于根据表达式的真假来决定是否渲染元素。<template> <div v...
- 在 Vue 3 中,列表渲染是一种根据数组或对象的数据动态生成一组元素的技术。Vue 提供了 v-for 指令来实现列表渲染。以下是关于 Vue 3 中列表渲染的详细解释: 1. 使用 v-for 渲染列表基本用法:v-for 指令用于遍历数组或对象,并生成一个元素列表。<template> <ul> <li v-for="item in items" :key="item.id">... 在 Vue 3 中,列表渲染是一种根据数组或对象的数据动态生成一组元素的技术。Vue 提供了 v-for 指令来实现列表渲染。以下是关于 Vue 3 中列表渲染的详细解释: 1. 使用 v-for 渲染列表基本用法:v-for 指令用于遍历数组或对象,并生成一个元素列表。<template> <ul> <li v-for="item in items" :key="item.id">...
- 在 Vue 3 中,表单输入绑定可以通过 v-model 指令来实现。v-model 提供了双向数据绑定,使得表单元素的值可以自动同步到组件的数据属性中,反之亦然。以下是一些关于 Vue 3 表单输入绑定的关键点: 基本使用文本输入框:<template> <input v-model="message" placeholder="Enter your message" /> <p>Me... 在 Vue 3 中,表单输入绑定可以通过 v-model 指令来实现。v-model 提供了双向数据绑定,使得表单元素的值可以自动同步到组件的数据属性中,反之亦然。以下是一些关于 Vue 3 表单输入绑定的关键点: 基本使用文本输入框:<template> <input v-model="message" placeholder="Enter your message" /> <p>Me...
- 在 Vue 3 中,事件处理与 Vue 2 类似,但也有一些改进和变化。以下是一些关于 Vue 3 事件处理的关键点: 基本语法绑定事件:使用 v-on 指令来绑定事件,简写为 @。<template> <button @click="handleClick">Click me</button></template><script>export default { methods: { ... 在 Vue 3 中,事件处理与 Vue 2 类似,但也有一些改进和变化。以下是一些关于 Vue 3 事件处理的关键点: 基本语法绑定事件:使用 v-on 指令来绑定事件,简写为 @。<template> <button @click="handleClick">Click me</button></template><script>export default { methods: { ...
- vue-菜单管理 vue-菜单管理
- Vue-角色管理 Vue-角色管理
- 在 Vue 3 中,类与样式的绑定是动态地控制元素样式和类名的强大工具。Vue 提供了多种语法来实现这一功能,包括对象语法和数组语法。以下是对 Vue 3 中类与样式绑定的详细解释: 类绑定1. 对象语法用法:通过对象语法,可以将一个对象传递给 :class 指令,对象的键是类名,值是布尔值。如果值为 true,则该类名会被添加到元素上。<template> <div :class="{ ... 在 Vue 3 中,类与样式的绑定是动态地控制元素样式和类名的强大工具。Vue 提供了多种语法来实现这一功能,包括对象语法和数组语法。以下是对 Vue 3 中类与样式绑定的详细解释: 类绑定1. 对象语法用法:通过对象语法,可以将一个对象传递给 :class 指令,对象的键是类名,值是布尔值。如果值为 true,则该类名会被添加到元素上。<template> <div :class="{ ...
上滑加载中
推荐直播
-
华为云码道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 · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签