写点什么

Vue

1 人感兴趣 · 149 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/ad/ada5c23c69c7679349851b0a146fd6e8.jpeg?x-oss-process=image/resize,w_416,h_234

Vue-3- 生命周期管理

用户头像
Python测试开发31 分钟前

和传统的对象一样,Vue 的实例对象也有完整的生命周期过程,在这个过程中 Vue 为我们提供了不用阶段的钩子,机生命周期函数。如果你在实例中声明了这些方法,它们会在对应的阶段自动触发。

https://static001.geekbang.org/infoq/62/62ef376272fb8dc8d05fdd473f7b7b6a.png?x-oss-process=image/resize,w_416,h_234

「免费开源」基于 Vue 和 Quasar 的前端 SPA 项目 crudapi 后台管理系统实战之文件上传(十)

用户头像
crudapi6 月 22 日

通过之前一篇文章基于Vue和Quasar的前端SPA项目实战之数据导入(九)的介绍,实现了业务数据批量导入功能,本文主要介绍文件上传相关内容。

https://static001.geekbang.org/infoq/de/de8dea7805b0045c7611cd45f49c4ec6.jpeg?x-oss-process=image/resize,w_416,h_234

如何在 Vue 的计算属性中传递参数

用户头像
devpoint6 月 21 日

在 Vue 中,计算属性(computed )是从其他响应式属性派生的属性,是用于自动监听响应式属性的变化,从而动态计算返回值。计算属性(computed )通常是一个没有参数的函数。

https://static001.geekbang.org/infoq/42/428e28a4fda65f831e3eb80637ced477.png?x-oss-process=image/resize,w_416,h_234

vue 自定义指令

用户头像
法医6 月 18 日

我想大家都接触过v-on、v-show等等指令,那自定义指令是什么呢?自定义指令就是你现在所想的那样,自己写一个自定义指令去操作DOM元素,以达到代码复用的目的。一提到代码复用,我想大家都能想到组件,这里要注意的是自定义指令和组件的适用范围是不一样的。

https://static001.geekbang.org/infoq/15/15d1f414b160c3b96849d3e6be80f813.png?x-oss-process=image/resize,w_416,h_234

vue 组件通信总结

用户头像
法医6 月 17 日

以下这些通信方式,有的在开发中几乎用不到,不用去背,所以不用太纠结,也不要有太多心里负担,有个印象就行了,之所以整理纯粹是为了面试过程中可能会问到:vue组件之间有哪些通信方式? 回答的时候把名字一说就行了😚

https://static001.geekbang.org/infoq/40/40cfa0c68b57dab21c8be3e67dc51743.png?x-oss-process=image/resize,w_416,h_234

请阐述 vue 的 diff 算法

用户头像
法医6 月 16 日

diff是什么?diff就是比较两棵树,render会生成两颗树,一棵新树newVnode,一棵旧树oldVnode,然后两棵树进行对比更新找差异就是diff,全称difference,在vue里面 diff 算法是通过patch函数来完成的,所以有的时候也叫patch算法

https://static001.geekbang.org/infoq/fd/fd92ba3b62c0bdfec410eb5f63f72726.png?x-oss-process=image/resize,w_416,h_234

vue 编码之优化手段

用户头像
法医6 月 15 日

性能优化本身就是一个很大的话题,并且它没有一个定式,最好是在具体的项目中具体分析,而不是说看到一个优化技巧一定要用在项目当中,这篇文章主要聊聊在vue编码阶段有哪些常见的优化手段

详解 Vue 八大生命周期钩子函数

​​摘要:Vue为生命周期中的每个状态都设置了钩子函数(监听函数) 。每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用。

https://static001.geekbang.org/infoq/0d/0d3aad887d423e6e2424ea9096ba99e2.png?x-oss-process=image/resize,w_416,h_234

一文带你了解 vue2 之响应式原理

用户头像
法医6 月 14 日

在面试的过程中也会问到:请阐述vue2的响应式原理?,凡是出现阐述或者理解,一般都是知无不言言无不尽,知道多少说多少。接下来,我来谈谈自己的理解,切记不要去背,一定要理解之后,用自己的语言来描述出来。

https://static001.geekbang.org/infoq/bd/bdb03313e265fc33583f43fbfd096ecf.jpeg?x-oss-process=image/resize,w_416,h_234

Single-Spa 构建第一个微前端项目

用户头像
devpoint6 月 13 日

微前端是前端web开发的趋势。微服务允许你将后端分解成更小的部分,受此启发,微前端允许你独立构建、测试和部署前端应用。根据你选择的微前端框架,你甚至可以让多个微前端应用——用React、Angular、Vue或其他工具编写的——在同一个大应用中无扰共存!

https://static001.geekbang.org/infoq/2d/2d3b017edc493ebf496f3a2720254061.png?x-oss-process=image/resize,w_416,h_234

请阐述一下 computed 和 methods 有什么区别?

用户头像
法医6 月 13 日

一些浅显的回答和更接近底层原理的回答

https://static001.geekbang.org/infoq/5e/5e9e5ef7246a0f43a42fd721d16cb0af.png?x-oss-process=image/resize,w_416,h_234

请阐述 vue 生命周期

用户头像
法医6 月 12 日

创建vue实例和创建组件的流程基本一样

https://static001.geekbang.org/infoq/35/353dab659ab783dfac13f60d1f56d0ff.png?x-oss-process=image/resize,w_416,h_234

请阐述 keep-alive 组件的作用和原理

用户头像
法医6 月 11 日

keep-live组件是vue的内部组件,主要用于缓存内部组件实例。这样做的目的在于keep-alive内部组件切换时,不需要重新创建组件实例,比如说使用v-if来决定在满足什么条件下使用哪个组件,还有就是路由切换,有个<router-view></router-view>,它会根据路由的配

一文你带快速认识 Vue-Router 路由

​​摘要:VueRouter是Vue.js 官方的路由管理器。它和Vue.js的核心深度集成,可以非常方便的用于SPA应用程序的开发。

https://static001.geekbang.org/infoq/8e/8e856ff889dfba69b60b9d57021d8e5c.png?x-oss-process=image/resize,w_416,h_234

「免费开源」基于 Vue 和 Quasar 的前端 SPA 项目 crudapi 后台管理系统实战之 EXCEL 数据导入(九)

用户头像
crudapi6 月 10 日

通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据(七)的介绍,实现了业务数据基本crud功能,本文主要介绍业务数据批量导入相关内容。

一文教会你认识 Vuex 状态机

​​摘要:简单来说,Vuex就是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。

https://static001.geekbang.org/infoq/af/afc17fd3363b6ec8c145ae43c4b21c9a.png?x-oss-process=image/resize,w_416,h_234

一文带你了解 vue 之虚拟 dom

用户头像
法医6 月 9 日

在面试的过程中,可能也会被问到对虚拟dom的理解,像这种面试题是比较宽泛的,面试官想知道你到底知道多少?既然是理解,那就只能是知无不言言无不尽,尽量组织下语言多说点,这样才显得专业素养比较高,接下来,我来谈谈自己的理解,切记不要去背,一定要理解

怒肝最新保姆级前端学习路线,速成贴心全面!

用户头像
程序员鱼皮6 月 7 日

这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。

https://static001.geekbang.org/infoq/f2/f27dabf840ed28467fd03f1c55b54b47.png?x-oss-process=image/resize,w_416,h_234

springboot-vue-activiti 前后端分离快速开发平台脚手架,整合工作审批流,流程在线编辑器

用户头像
金陵老街6 月 3 日

标题:springboot-vue-activiti前后端分离快速开发平台脚手架,整合工作审批流,流程在线编辑器

https://static001.geekbang.org/infoq/f6/f641597d5265082fc6a832e455711d2a.png?x-oss-process=image/resize,w_416,h_234

LeaRun .Net Core/Java 工作流引擎,分离式前端,升级 Vue

用户头像
雯雯写代码6 月 2 日

流程作为企业管理系统的核心,在企业的发展过程中具有重要的作用。通常来说,一个完整的流程大致包括有工作流引擎、工作流设计器、流程操作、客户界面、流程监控、表单设计器、表单集成以及与应用程序集成等。

前端实操案例丨如何实现 JS 向 Vue 传值

摘要: 项目开发过程中,组件通过render()函数渲染生成,并在组件内部定义了自定义拖拽指令。自定义拖拽指令规定了根据用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。

https://static001.geekbang.org/infoq/f3/f3dbe7b69866f8ddc934d795e12e25ee.png?x-oss-process=image/resize,w_416,h_234

Vue3 能用到生产环境了吗?

用户头像
十三5 月 16 日

最近,有不少朋友问我:“十三,看你写了几个Vue3的项目,你觉得Vue3能用到生产环境了吗?”结合自己的想法和尤大直播说的话,给一点建议。

canvas 从零到一,实际案例

用户头像
5 月 14 日

canvas手把手导出海报

https://static001.geekbang.org/infoq/da/dae71e1fe637134d355dbf7797f093a7.png?x-oss-process=image/resize,w_416,h_234

Vue3 教程:Vue 3 + Element Plus + Vite 2 的后台管理系统开源啦

用户头像
十三5 月 13 日

之前发布过一篇文章《Vue3教程:开发一个 Vue 3 + element-plus 的后台管理系统》,文中提到会开发并开源一个 Vue 3 + Element Plus 的项目供大家练手和学习,随后也一直有收到留言和反馈,问我什么时候开源之类的问题,今天终于可以通知大家,完成啦!🎉

https://static001.geekbang.org/infoq/45/4504d5a8c5d3a09a6a377cee2dfa1a8a.jpeg?x-oss-process=image/resize,w_416,h_234

🎉🎉一个基于 Vue 3 + Vant 3 的开源商城项目🎉🎉

用户头像
十三5 月 13 日

之前发布过一篇文章,告诉大家我要开发一个 Vue3 的商城项目并开源到 GitHub 上,供大家练手和学习,随后也一直有收到留言和反馈,问我开发到哪里了,什么时候开源之类的问题,今天终于可以通知大家,完成啦!🎉🎉开源啦!🎉🎉

https://static001.geekbang.org/infoq/e1/e13a3381a9fe8a6de5863eb61f50dfc2.png?x-oss-process=image/resize,w_416,h_234

使用 docker compose 快速部署前后端分离项目案例

用户头像
皮特王5 月 11 日

在我的上一篇文章(如何使用 docker-compose 快速部署 SpringCloud 项目)中介绍了使用docker compose 快速部署 spring cloud 项目,但有时我们需要发布仅仅是一个单体项目。另外上面文章配置在容器间的通信没有充分使用自定义的networks、并且对于 docker 及

前端项目上传图片,压缩,拍照图片旋转解决方案

用户头像
5 月 10 日

前端项目上传图片,压缩,拍照图片旋转解决方案

Vue_Vue资料文章-InfoQ写作平台