本期技術週刊小編為大家推薦幾篇關於 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：大家想看哪些方面的技術內容，可以在評論區留言喔 ~
如有問題可以添加小姐姐微信~