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

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

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

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

返家乡”高校暑期社会实践微信小程序+springboot+vue.js附带文章和源代码设计说明文档ppt

前言 博主介绍:✌CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战,以及程序定制化开发、全栈讲解、就业辅导、面试辅导、简历修改。✌ 详细视频演示 请联系我获取更详细的演示视频 ...

返家乡”高校暑期社会实践微信小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
文章 2023-12-16 来自:开发者社区

Vue组件通信应用实践总结

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

文章 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-10-30 来自:开发者社区

vue3自定义指令实践

关键接口介绍最近想体验下自定义指令功能,看了看文档和 vue2 差异不大,语法如下:const myDirective = { // 在绑定元素的 attribute 前 // 或事件监听器应用前调用 created(el, binding, vnode, prevVnode) { // 下面会介绍各个参数的细节 }, // 在元素被插入到 DOM 前调用 beforeMount(el,...

vue3自定义指令实践
文章 2023-05-12 来自:开发者社区

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

项目效果用户首先到登录页,登录后,进入系统首页,点击左侧菜单,可以切换界面,包括一个书籍的增删改查操作。技术栈后端:SpringBoot前端:Vue + TypeScript(简称 ts) + Vite + VueRouter + Axios + ElementPlus + Pinia所选技术版本号技术定位对比技术差异点Vue3.2.45渐进式的 js 框架,支持响应式Vue2性能优/包体积更小....

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

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

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

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

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

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

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

实践中学习Vue3项目开发管理模板

蜡笔(Crayon)管理模板,是一个学习性质的管理模板,借此机会学习一些最新的前端框架,也希望有一些志同道合的小伙伴加入,从中学习提高自己的技能。为什么叫蜡笔,蜡笔可以为画填上色彩,寓意点缀美好生活和职业生涯。蜡笔(Crayon)管理模板基于Vue3+、Vuex4+、Ant Design2,并准备好使用REST API作为数据通讯标准,以Vite作为构建工具。目前在利用业务时间一边学习,一边推进....

实践中学习Vue3项目开发管理模板
文章 2022-06-23 来自:开发者社区

Vue 实践过程中的几个问题

前言本篇是我在使用vue过程中,遇到的几个小问题和之前不了解的东西,记录下来,希望能够帮助各位踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家。本篇记录个人遇到的问题如下:路由变化页面数据不刷新问题setTimeout/setInterval this指向改变,无法用this访问VUe实例setInterval路由跳转继续运行并没有销毁vue 滚动行为(浏览器回退记忆位置)用法v....

Vue 实践过程中的几个问题

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

阿里巴巴终端技术

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

+关注