技术栈
vue3
Sheldon一蓑烟雨任平生
1 天前
vue.js
·
vue3
·
pinia
·
任务管理器
·
pinia 练习
Vue3 任务管理器（Pinia 练习）
在上一章《Vue3 状态管理 + Pinia》中，我们介绍了 Pinia 的使用方式。本章我们将针对其常用知识点进行练习。涉及到的知识点： （1）创建带有 Pinia（状态管理）配置项的 Vue 3 项目； （2）使用 Promise 结合 setTimeout 模拟异步请求，并非真正的后端服务； （3）定义一个符合需求的 Store，着重注意 异步请求的 actions。
云外天ﾉ☼
2 天前
前端
·
数据库
·
vue.js
·
mysql
·
vue3
·
koa
·
jwt认证
待办事项全栈实现：Vue3 + Node.js (Koa) + MySQL深度整合，构建生产级任务管理系统的技术实践
在现代化应用开发中，全链路项目开发能力已成为工程师的核心竞争力。本文将通过一个完整的待办事项系统（ywt-task-pro）案例，分享从前端用户界面到后端 API 设计，直至数据库架构的全流程交付经验。该系统实现了用户管理、任务增删改查、JWT 鉴权等核心功能，展现了全栈开发的完整技术闭环。
行走的陀螺仪
3 天前
前端
·
javascript
·
css
·
uni-app
·
vue3
uni-app + Vue3 实现折叠文本（超出省略 + 展开收起）
实现一个“最多展示 N 行文本 + 展开 / 收起”组件，支持 H5 / 微信小程序 / App，适用于 uni-app + Vue3 + TypeScript。
Sheldon一蓑烟雨任平生
4 天前
vue.js
·
vue3
·
axios
·
json-server
·
vue-router
·
vue 路由
·
vue-link
Vue 用户管理系统（路由相关练习）
本篇文章介绍的系统练习，虽然作为 Vue Router 的练习，但是涉及的知识点还包括： （1）json-server，模拟后端服务依赖； （2）axios 封装，简便后端请求； （3）Vue Router 的参数请求和嵌套请求。
Sheldon一蓑烟雨任平生
4 天前
vue.js
·
vue3
·
插件
·
vue3 插件
·
可选独立模块
·
插件使用方式
·
插件中的依赖注入
Vue3 插件（可选独立模块复用）
插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。它是一种可选的独立模块，而无需修改主程序的代码。
IT教程资源C
6 天前
mysql
·
vue3
·
前后端分离
·
社团小程序
·
springboot社团小程序
(N_158)基于微信小程序学生社团管理系统
开发工具：IDEA、微信小程序服务器：Tomcat9.0， jdk1.8项目构建：maven数据库：mysql5.7
H_HX126
7 天前
前端
·
vue.js
·
vue3
·
vueuse
·
图片放大镜
vue3 - 图片放大镜效果实现
图片放大镜效果
IT教程资源
7 天前
vue3
·
uniapp
·
前后端分离
·
springboot社团
·
社团小程序
N-158基于微信小程序学生社团管理系统
开发工具：IDEA、微信小程序服务器：Tomcat9.0， jdk1.8项目构建：maven数据库：mysql5.7
Sheldon一蓑烟雨任平生
9 天前
vue.js
·
重构
·
vue3
·
组件化练习
Vue3 重构待办事项（主要练习组件化）
在之前的《Vue3 基础实战练习》一章中，我们利用待办事项需求，将Vue3 的基础知识（包括模板语法、响应式基础、类与样式绑定、条件渲染、列表渲染、事件处理、表单输入绑定、侦听器）做了一次应用复习。
代码哈士奇
9 天前
前端
·
vue3
·
管理系统
·
vite7
使用vite+vue3+ElementPlus+pinia搭建中后台应用-前端
仓库地址 https://github.com/codehskdog/system-manager使用vite新建一个vue3+ts项目 我的vite版本是7.17， vue为3.5.22 npm init vite@latest 使用你喜欢的包管理工具安装依赖。 安装完成后执行 npm run dev
Sheldon一蓑烟雨任平生
10 天前
vue.js
·
vue3
·
透传attributes
·
禁用attributes继承
·
深层组件继承
Vue3 透传 Attributes
透传 attribute，指的是传递给子组件 attribute 或者 v-on 事件监听器（但是子组件却没有声明 props 或 emits）。最常见的例子就是 class、style 和 id。
Sheldon一蓑烟雨任平生
10 天前
vue3
·
生命周期
·
1024程序员节
·
setup
·
vue3 生命周期
·
vue2 生命周期
Vue3 生命周期
生命周期就是组件从创建到销毁的所经历的一系列过程。这个过程中，设置了一些时间点，在这些时间点，开发者可设置一些函数进行事件处理（其实大部分就是业务逻辑代码）。而这些函数就被称为生命周期钩子。
一只小阿乐
11 天前
前端
·
javascript
·
vue.js
·
vue3
·
组件
·
v-model语法糖
vue3 中实现父子组件v-model双向绑定 总结
我们经常会封装一下组件 使用props emit 来进行 父子组件之间的 绑定 其实这种方式我们可以解决开发中的大部分问题 但是有更好的方式 v-model 语法糖。
IT教程资源C
12 天前
mysql
·
vue3
·
前后端分离
·
springboot服装商城
(N_157)基于springboot,vue服装商城系统
开发工具：IDEA服务器：Tomcat9.0， jdk1.8，node-v18.8.0项目构建：maven
Sheldon一蓑烟雨任平生
12 天前
vue.js
·
vue3
·
v-model
·
definemodel
·
v-model修饰符
·
自定义双向绑定组件
·
多个v-model绑定
Vue3 组件 v-model
v-model 可以在组件上使用以实现双向绑定。从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏。
嗷呜~
12 天前
typescript
·
vue3
error 找不到模块“../views/Login.vue”或其相应的类型声明
技术栈：ts+vue3+vite/// <reference types="vite/client" />
加蓓努力我先飞
12 天前
前端
·
javascript
·
css
·
vue3
Vue3小兔鲜-（二）
Vue3小兔鲜-（一）1- 准备模版2- 封装接口3- 获取基础数据渲染模版1- 设计props参数type
一只小阿乐
13 天前
javascript
·
vue.js
·
elementui
·
vue3
·
v-model
做一个vue3 v-model 双向绑定的弹窗
子组件diolag.vue父组件 使用这样 就是最标准的 v-model 双向绑定 可以有多个v-model
IT教程资源C
13 天前
mysql
·
vue3
·
前后端分离
·
springboot小区物业
(N_156)基于springboot,vue小区物业管理系统
开发工具：IDEA服务器：Tomcat9.0， jdk1.8，node-v18.8.0项目构建：maven
Sheldon一蓑烟雨任平生
18 天前
vue.js
·
vue3
·
v-model
·
vue3 表单输入绑定
·
表单输入绑定
·
input和change区别
·
vue3 双向数据绑定
Vue3 表单输入绑定
在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦。比如：