- 基于 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
- Vue2 + Element UI 实践 介绍Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架，而 Element UI 是一套基于 Vue 2.0 的桌面端组件库。结合使用 Vue2 和 Element UI，可以快速构建现代化的 Web 应用，提供流畅的用户体验。 应用使用场景企业后台管理系统：如客户关系管理（CRM）、企业资源计划（ERP）。数据分析平台：构建... Vue2 + Element UI 实践 介绍Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架，而 Element UI 是一套基于 Vue 2.0 的桌面端组件库。结合使用 Vue2 和 Element UI，可以快速构建现代化的 Web 应用，提供流畅的用户体验。 应用使用场景企业后台管理系统：如客户关系管理（CRM）、企业资源计划（ERP）。数据分析平台：构建...
- Vue3-面包屑Breadcrumb开发 Vue3-面包屑Breadcrumb开发
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签