SegmentFault 思否技术周刊 Vol.57 -- 这几个 Vue 知识点，全都会你就是神！！！

本期技术周刊小编为大家推荐几篇关于 Vue 的内容，一起来康康呀～

文章推荐

揭秘，Vue3 性能优化之 Non-reactive Object

首先，我们先来看一下 Reactivity Object 响应式对象，它是基于使用 Proxy 创建一个原始对象的代理对象和使用 Reflect 来代理 JavaScript 操作方法，从而完成依赖的收集和派发更新的过程。
然后，我们可以根据需要通过使用 Vue3 提供的 ref、compute、reactive、readonly 等 API 来创建对应的响应式对象。

SpringBoot+Vue+Flowable，模拟一个请假审批流程！

小伙伴们知道松哥最近在录 TienChin 项目视频，这个项目会用到工作流，为了帮助小伙伴们更好的理解这个项目，松哥最近会出几篇文章和大伙聊一聊工作流 flowable 的使用，算是给 TienChin 项目的第一个铺垫，当然，在 TienChin 项目的系列视频中，我也会和大家详细聊一聊 flowable 流程引擎的使用。
今天我就先写一个简单的请假流程，让小伙伴们对 flowable 先有一个直观的认知。

使用 Vue.js 编写命令行界面,前端开发 CLI 的利器

大家好，我是 webfansplz. 继将 Vue 渲染到嵌入式液晶屏后，今天要跟大家分享的是如何将 Vue 渲染到命令行工具 :)。关于命令行工具，大家应该都比较熟悉了，比如 vue-cli、Vite 等。我们在编写前端应用面向用户时，通常会非常关注用户体验，作为开发者，我们在使用工具时，它给予我们的开发者体验(DX)我们也会十分关注。现代前端工程化离不开 CLI 的开发与使用、那么是否能有较低成本的方案能让前端小伙伴快速开发 CLI，大家可以像编写前端应用一样搞定它。因此，Temir 应运而生。

6 个你必须明白 Vue3 的 ref 和 reactive 问题（入门篇）

Vue3 为开发者提供 ref和 reactive两个 API 来实现响应式数据，这也是我们使用 Vue3 开发项目中经常用到的两个 API。
本文从入门角度和大家介绍这两个 API，如果有错误，欢迎一起讨论学习~
本文演示代码是基于 Vue3 setup 语法。
在入门阶段，我们需要掌握的是「是什么」、「怎么用」、「有什么注意」，基本就差不多了。

松哥手把手教你在 Vue3 中自定义插件

整体上来说，通过这种方式来自定义插件，能够实现的内容比较丰富。如果只是想挂一个全局方法来用，那么其实是没有必要定义插件的。如果只是想挂载一个全局方法，在 Vue2 中可以按照如下方式使用：
Vue.prototype.postRequest = postRequest;
在 Vue3 中则可以通过如下方式：
app.config.globalProperties.useDict = useDict

Vue3 解决 ESLint 各类型错误

前期项目中忽略了 eslint 检查，导致一运行 npm run lint 出现两千多条错误(இдஇ; ) 造孽啊
花了两三天搞完，做个错误汇总。

Vue 里，多级菜单要如何设计才显得专业？

有的小伙伴做过 vhr，知道 vhr 里的动态菜单实现方式，松哥和大家一样，也是在不断学习不断进步中，今天我想和大家探讨 TienChin 项目中动态菜单的实现方案，看看是否是一种更佳的解决方案。

问答推荐

• Vue table去重复的数据？
• Vue volar 插件怎么快速生成模板？
• Vue 中如何修改滚动条的整体长度？
• Vue 使用 this. 赋值之后整个 data 中定义的变量都失去了响应性？
• 在 Vue 中随机改变背景图时，线上图片能用，本地路径图片为什么不显示？
• Vue 程序明明赋值成功但页面上的值没有变？
• Vue el-tree获取5层层级关系代码，感觉我这样写的很啰嗦？
• 接口联调之后，刷新页面，报 404 之咋回事?
• Vue 组长说我这样写的不好，脑子想不明白为啥？

---

PS：大家想看哪些方面的技术内容，可以在评论区留言喔 ~
如有问题可以添加小姐姐微信~