文章 2024-06-17 来自:开发者社区

Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比

引言 在Vue的应用开发领域,高效地管理应用程序的状态是构建可维护性和扩展性复杂应用的核心要求。长久以来,Vue2的开发者群体广泛采用了Vuex作为状态管理的标准解决方案,它通过集中式的状态存储促进了数据流的统一管理和组件间通信。随着Vue3的横空出世,官方与时俱进地推荐了Pinia这一全新状态管理库,它在继承Vuex精髓的基础上,致力于提供更为简洁直观、易于调试且高度可组...

Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
文章 2023-12-16 来自:开发者社区

Vue组件通信应用实践总结

【1】 组件通信的5种方式props vue的自定义事件 pubsub第三方库 slot vuex ① props父子组件间通信的基本方式 属性值的2大类型: 一般: 父组件-->子组件 函数: 子组件-->父组件 隔层组件间传递: 必须逐层传递(麻烦) 兄弟组件间: 必须借助父组件(麻烦) ② vue自定义事件子组件与父组件的通信方式 用来取代function props 不...

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

16 课时 |
316 人已学 |
免费

Vue.js 入门与实战

86 课时 |
19780 人已学 |
免费

Vue.js完全自学手册图文教程

13 课时 |
6724 人已学 |
免费
开发者课程背景图
文章 2023-12-15 来自:开发者社区

Vue应用实践实例总结

vue包含一系列的扩展插件(库)* vue-cli: vue脚手架 * vue-resource(axios): ajax请求 * vue-router: 路由 * vuex: 状态管理 * vue-lazyload: 图片懒加载 * vue-scroller: 页面滑动相关 * mint-ui: 基于vue的组件库(移动端) * element-ui: 基于vue的组件库(PC端) vue内置....

文章 2023-05-12 来自:开发者社区

一个服务端同学的Vue框架入门及实践

项目效果用户首先到登录页,登录后,进入系统首页,点击左侧菜单,可以切换界面,包括一个书籍的增删改查操作。技术栈后端:SpringBoot前端:Vue + TypeScript(简称 ts) + Vite + VueRouter + Axio...

一个服务端同学的Vue框架入门及实践
文章 2023-04-26 来自:开发者社区

Vue 虚拟列表,纵享丝滑【实践篇】

序言现如今,我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。本篇讨论基于 Vue.js 的列表无限下拉实践。我们的目标就是:让列表下拉纵享丝滑,而不是像以往的下拉就 loading 等待的体验。译自 Better Programming在线 Demo设计咱还是用 Vue CLI 来快速构建项目。这是主...

Vue 虚拟列表,纵享丝滑【实践篇】
文章 2022-06-26 来自:开发者社区

Vue动态组件的实践与原理探究

我司有一个工作台搭建产品,允许通过拖拽小部件的方式来搭建一个工作台页面,平台内置了一些常用小部件,另外也允许自行开发小部件上传使用,本文会从实践的角度来介绍其实现原理。ps.本文项目使用Vue CLI创建,所用的Vue版本为2.6.11,webpack版本为4.46.0。创建项目首先使用Vue CLI创建一个项目...

Vue动态组件的实践与原理探究
文章 2022-06-23 来自:开发者社区

Vue 实践过程中的几个问题

前言本篇是我在使用vue过程中,遇到的几个小问题和之前不了解的东西,记录下来,希望能够帮助各位踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家。本篇记录个人遇到的问题如下:路由变化页面数据不刷新问题setTimeout/setInterval this指向改变,无法用this访问VUe实例setI...

Vue 实践过程中的几个问题
文章 2022-06-13 来自:开发者社区

基于@vue/cli 3.x的从0到1搭建Vue项目的实践

概述Vue官方的脚手架工具Vue Cli有了一次较大的更新,相比于2.x版本,新版本3.x中对项目的搭建,相关包、插件的安装都有了新大的不同。本文即立足于此,选择@vue/cli 3.x版本的脚手架工具,动手实践从0到1搭建Vue项目,包含了项目的初始化,以及Vue全家桶(VueRouter...

基于@vue/cli 3.x的从0到1搭建Vue项目的实践
文章 2022-06-13 来自:开发者社区

Vue项目数据动态过滤实践

这个问题是在下在做一个Vue项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-),过程中会涉及到一些Vue源码的概念比如 $mount、render watcher 等,如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~问题是这样的:页面从后台拿到的数据是由 0、1 之类的key࿰...

Vue项目数据动态过滤实践
文章 2022-06-13 来自:开发者社区

Vue项目预渲染机制引入实践

周末想顺便把已经做好静态页面的webApp项目做一下SEO优化,由于不想写蹩脚的SSR代码,所以准备采用预渲染,本来想着网上有这么多预渲染的文章,随便找个来跟着做不就完了嘛,结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T声明:以下配置只保留有必要的生成目录这里使用base代替&#...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注