- 在 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="{ ...
- 在 Vue 3 中，计算属性是一种基于其他属性值动态计算出的属性，其计算结果会被缓存，只有当依赖的属性发生变化时，相关计算才会重新执行。这使得计算属性非常适合处理复杂逻辑或是重复使用的逻辑，而无需在模板中编写过多的代码。 定义计算属性在 Vue 3 组件中，计算属性是在 computed 选项中定义的。下面是一个简单的例子：<template> <div> <p>Original m... 在 Vue 3 中，计算属性是一种基于其他属性值动态计算出的属性，其计算结果会被缓存，只有当依赖的属性发生变化时，相关计算才会重新执行。这使得计算属性非常适合处理复杂逻辑或是重复使用的逻辑，而无需在模板中编写过多的代码。 定义计算属性在 Vue 3 组件中，计算属性是在 computed 选项中定义的。下面是一个简单的例子：<template> <div> <p>Original m...
- Vue 3 中的模板语法是用于将数据绑定到 DOM 的一种声明式语法。它允许你在 HTML 中嵌入 Vue 的特定指令和表达式，从而实现动态内容的展示。以下是一些常用的 Vue 3 模板语法示例和概念： 插值文本插值：使用双大括号 {{ }} 来绑定数据。<template> <div>{{ message }}</div></template><script>export default... Vue 3 中的模板语法是用于将数据绑定到 DOM 的一种声明式语法。它允许你在 HTML 中嵌入 Vue 的特定指令和表达式，从而实现动态内容的展示。以下是一些常用的 Vue 3 模板语法示例和概念： 插值文本插值：使用双大括号 {{ }} 来绑定数据。<template> <div>{{ message }}</div></template><script>export default...
- Uniapp 微信小程序 Vue3 自定义 TabBar 1. 介绍Uniapp 是一个使用 Vue.js 开发跨平台应用的前端框架，支持微信小程序、H5、App 等多个平台。在微信小程序中，默认的 TabBar 样式和功能有限，通过自定义 TabBar 可以实现更丰富的界面和交互效果。 2. 应用使用场景个性化界面：自定义 TabBar 的样式和布局。复杂交互：实现更复杂的交互逻辑，如动... Uniapp 微信小程序 Vue3 自定义 TabBar 1. 介绍Uniapp 是一个使用 Vue.js 开发跨平台应用的前端框架，支持微信小程序、H5、App 等多个平台。在微信小程序中，默认的 TabBar 样式和功能有限，通过自定义 TabBar 可以实现更丰富的界面和交互效果。 2. 应用使用场景个性化界面：自定义 TabBar 的样式和布局。复杂交互：实现更复杂的交互逻辑，如动...
- 权限按钮自定义指令v-hasPermi 权限按钮自定义指令v-hasPermi
上滑加载中
推荐直播
-
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（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
即将直播
热门标签