搜索[Vue]结果-低调大师优秀个人博客

精选列表

搜索[Vue]，共5495篇文章

VS Code书写vue项目配置 eslint+prettier 统一代码风格

前言以前公司的vue项目只是我一个人在写，代码风格统一，但是后来随着团队增加，统一的代码风格就越来越重要。

2018-11-08

如何对第一个Vue.js组件进行单元测试（上）

作为我们应用程序的可重用实体，Vue.js组件是单元测试的理想选择。我们将用不同的输入和交互测试做好的单个单元，并确保它始终按照我们的预期运行。在开始之前 Vue CLI 3发布了。

2018-11-06

Vue使用过程中的可能会遇到的几个问题

Vue项目目前在国内越来越流行，很多新的项目都会采用它，老的项目也想迁移到Vue上面来，我们公司也在用Vue了，今天在搭建Vue的时候遇到了几个问题，记录下来。

2018-11-04

关于 Vue.js：那些好的，不怎么样的和糟糕的

Vue 通过双向响应数据绑定系统巧妙地处理这个问题。为实现这种响应性，Vue 为状态中的每个变量添加了许多 getter 和 setter ，以便它可以跟踪更改并自动更新 DOM 。

2018-10-29

vue.js响应式原理解析与实现—实现v-model与{{}}指令

上次我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。

2018-10-29

使用Vue.js和Element-UI做一个简单的登录页面

https://blog.csdn.net/xmt1139057136/article/details/82754142 最近了解到Vue.js挺火的，有同学已经学习了，那我心里痒痒的也学习了一点，然后也学了一点

2018-09-17

服务端与客户端同构 —— Vue.js 应用框架 Nuxt.js

因此，解决vue.js服务端渲染问题的Nuxt.js产生了。 Nuxt.js 概要简而言之，Nuxt.js是帮助Vue.js轻松完成服务端渲染工作的框架。

2018-07-11

Java+Netty、Vue+Element-UI实现的即时通信应用 leo-im

之前工作接触了几个开源的IM产品，再加上曾经用Netty实现过几个服务，于是就有了用Netty实现一个IM的想法，于是用业余时间写了一个IM，和喜欢Netty的程序员们分享。考虑到方便扩展，在服务端采用了Http+Socket结合的设计，客户端所有的请求都基于Http，如发送消息、修改个人信息等，所有的消息推送采用Socket方式即时推送到客户端，这样的设计可以在并发访问量大的情况下，将Http服务与Socket服务分开部署，减小各自的访问压力。 Http服务也基于Netty实现，在Netty之上做了扩展，参考Spring MVC注解实现了netty-rest-server（netty-rest-server），使用该框架，可实现注解注入REST controller，实现统一异常处理控制器和拦截器（如跨域拦截器、身份验证拦截器等）。 Http服务和Scoket服务之间的解耦和通讯可使用Java内置的队列或Redis发布/订阅实现，消息处理器接收到任务后，会将该任务交由线程池处理，处理后通过GroupChannel发送广播或发给指定的Channel。在线体验与源码地址：服务端 Web端

2018-06-20

从 0 到 1 搭建 webpack2+vue2 自定义模板详细教程

Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下

2018-06-15

【vuejs深入一】深入学习vue指令，自定义指令解决开发痛点

v-model指令 vue.js的定义是一个mvvm框架，将它发挥到极致能够极大的提升工作效率。

2018-04-12

商城之购物车商品添加和结算的小效果----基于Vue.js

【页面比较丑请忽略，完全没有审美感】 1.页面布局方式： 2.数据： 3.经过数据渲染之后，页面展示： 4.逻辑代码：首先我们考虑到：当我们点击任何一个【+】，那么totalNum都是需要加1的，反之点击【-】时， totalNum减一；【其中页面的加减号之间的0是通过数据渲染出来的】接下来，我们就需要解决这个问题：直接上代码:【方法中参数的重要性：因为数据都是从后台拿过来的，所以我们可以用一个变量拿过来，因为我没做ajax,所以直接造了一些数据；通过index参数，我们可以知道点击了相对应的一条数据，对其当前的一条数据做交互】接下来便是：消费的展示：这个代码很简单：和上图做下对比就知道了： 5.最终效果展示：转载或引用本网版权所有之内容须注明“转自（或引自）云栖社区”字样，并标明本网网址yq.aliyun.com 谢谢大家，获取更多精华技术IT资讯，请持续关注云栖社区“达摩老祖”and"码上有钱" 需要购买阿里云各种产品，点击文字链领取阿里云通用打折劵

2017-07-24

uni-app+vue3集成最新deepseek-flash跨三端ai应用

🚀 基于 uni-app + Vue3 实战构建的跨多端 AI 流式对话应用，接入 DeepSeek v4.1 大模型，支持 H5 / 小程序 / Android APP 多端编译。

2026-10-12

Vue 3 中 watch 与 watchEffect 的清理副作用：何时用 onCleanup 避免竞态请求

在 Vue 3 的组合式 API 里，watch 和 watchEffect 是处理响应式副作用的常用工具。一个典型的开发场景是：监听搜索关键词、路由参数或分页条件的变化，然后发起异步请求。

2026-10-08

Vue 3 中 watch 与 watchEffect 的依赖收集差异导致页面重复请求的排查记录

最近在维护一个后台管理页面时，遇到一个比较隐蔽的问题：列表页在筛选条件变化后，会连续发起两次相同的数据请求。第一次请求很快返回，但紧接着又发了一次，导致 loading 状态闪烁，偶尔还会因为响应顺序问题把旧数据覆盖到新数据上。排查后发现，问题出在 watch 和 watchEffect 的依赖收集机制差异上——watchEffect 会自动追踪回调里用到的响应式数据，而 watch 只监听显式指定的源。当两者混用，或者把 watchEffect 放在异步逻辑里时，依赖关系会变得不符合预期，从而触发额外的执行。这篇文章会从实际代码出发，说明依赖收集的细节、常见触发场景，以及如何用 onCleanup 和显式源来避免重复请求。

2026-10-08

Vue中v-if和v-show在表单编辑场景下的选择与坑

这个看似简单的选择背后，涉及 Vue 的编译时条件、DOM 复用、生命周期触发时序以及浏览器渲染层合成。

2026-10-06

Vue 3 中 watch 和 watchEffect 在异步请求场景下的竞态问题与处理

在 Vue 3 项目里用 watch 或 watchEffect 监听响应式数据并触发异步请求，是很常见的操作。比如搜索框输入关键词、切换分页或筛选条件时，自动去后端拉取列表数据。

2026-10-05

Vue 3 中 watch 和 watchEffect 的依赖收集差异导致的一个隐蔽 bug

在最近维护的一个后台管理项目中，我遇到了一个很典型的问题：一个用于显示用户权限变更的 watch 回调在用户切换角色后偶尔不触发，但刷新页面后又恢复正常。排查后发现根源在于 watch 和 watchEffect 对响应式依赖的收集方式不同——watch 是惰性且显式声明依赖源，而 watchEffect 是立即执行并自动收集所有同步访问的响应式属性。这个差异在依赖包含条件分支或异步逻辑时尤其容易踩坑。文章会从实际代码出发，分析两者在依赖收集时机、副作用清除、以及嵌套引用场景下的行为区别，并给出如何根据业务场景正确选择的实践建议。

2026-10-01

Vue 3 中 v-model 绑定自定义组件的类型推导问题与解决

在 Vue 3 的组合式 API 和 TypeScript 项目中，给自定义组件使用 v-model 时，类型推导经常会出现问题。

2026-10-01

别再用 `watch` 监听 props 了：Vue 3 中更可靠的响应式数据同步策略

这篇文章会从这些真实场景出发，梳理 Vue 3 中 props 同步到本地状态的几种模式，重点介绍 watch 配合 toRefs、computed 读写分离以及 v-model 参数化写法，并给出避免循环更新和性能陷阱的实操建议

2026-09-30

Vue 3 中 ref 和 reactive 在模板自动解包上的差异与踩坑记录

在 Vue 3 的 Composition API 里，ref 和 reactive 是最常用的两个响应式声明方式。

2026-09-28

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。