低代碼平臺的前端框架采用Vue的好處有哪些？

• 1、Vue是組件化開發(fā)，減少代碼的書寫，使代碼易于理解。
• 2、最突出的優(yōu)勢在于可以對數(shù)據(jù)進行雙向綁定。
• 3、相比較傳統(tǒng)的用超鏈接進行頁面的切換與跳轉(zhuǎn)，Vue使用的是路由，不用刷新頁面。
• 4、Vue是單頁應(yīng)用，加載時不用獲取所有的數(shù)據(jù)和dom，提高加載速度，優(yōu)化了用戶體驗。
• 5、Vue的第三方組件庫豐富，使用起來方便，提高了開發(fā)效率。

一、響應(yīng)式性能提升

1、diff方法優(yōu)化

diff 算法是虛擬 DOM 技術(shù)的必然產(chǎn)物，它會對新舊 DOM 進行比較，然后將變化的 DOM 更新在真實的 DOM 上。使用vue，在創(chuàng)建虛擬 DOM 的時候，會根據(jù) DOM 中的內(nèi)容添加一個靜態(tài)標記，在數(shù)據(jù)發(fā)生改變的時候，就會帶著靜態(tài)標記的節(jié)點去對比，能夠快速找到變化的 DOM 。

2、事件偵聽器緩存

默認情況下onClick會被視為動態(tài)綁定，所以每次都會追蹤它的變化，但是因為是同一個函數(shù)，所以不用追蹤變化，直接緩存起來復用即可。

3、ssr渲染

當存在大量靜態(tài)內(nèi)容時，這些內(nèi)容會被當做純字符串推進一個 buffer 內(nèi)，即使存在動態(tài)綁定，也會通過模板插值潛入進去，這樣會比虛擬 DOM 渲染快得多。

二、代碼體積減少

打包大小減少41%。

vue 移除了一些不常用的 API，如：inline-template、filter 等，使用 tree-shaking。

Tree Shaking 搖樹優(yōu)化，指的就是當我們引入一個模塊的時候，不引入這個模塊的所有代碼，只引入我們需要的代碼。

在vue 中，引入tree-shaking，所有的 API 都通過 ES6 模塊化的方式引入，這樣就能夠讓 webpack 或 rollup 等打包工具在打包時，就會自動對沒有用到的 API 進行剔除，最小化 bundle 體積。

初次渲染快55%, 更新渲染快133%。組件選擇了按需引入，使得打包后的體積也更小了，所以項目運行的時候速度更快，更順暢了！

三、編譯被優(yōu)化

vue 使用靜態(tài)提升后，對于不參與更新的元素，只會被創(chuàng)建一次，在渲染時直接復用就好了。

Fragment模板內(nèi)不用再創(chuàng)建一個唯一根節(jié)點，可以直接放同級標簽和內(nèi)容。就相當于少了一個節(jié)點嵌套渲染。

四、組合式API

vue 新增了組合式 api ，更有利于維護和封裝。一個功能模塊代碼會集中到一起，實現(xiàn)高內(nèi)聚，低耦合。提高代碼的可讀性和可維護性，基于函數(shù)組合的 api 更好地重用邏輯代碼。

五、更好的 ts 支持

vue 新增了 defineComponent 函數(shù)，使組件在 ts 下，更好地利用參數(shù)類型推斷。如：reactive 和 ref 很具有代表性。

六、更先進的組件

• vue 中可以不需要根節(jié)點，多個元素或標簽可并列存在。
• 可以把 teleport 中的內(nèi)容添加到任意的節(jié)點內(nèi)，對于嵌套較深的組件來說絕對是一個福音。
• 允許程序在等待異步組件渲染一些后備的內(nèi)容，可以讓我們創(chuàng)建一個平滑的用戶體驗。

七、簡單總結(jié)：

vue 目前是國內(nèi)最火的前端框架之一，vue 性能提升、運行速度也比其他框架好很多。

總之 vue 就是：

• 讓項目更快
• 讓代碼更少
• 更易于維護
• 讓我們開發(fā)更快，加班更少

八、使用Vue框架的低代碼平臺有哪些？

平臺介紹

織信Informat后端采用Java，前端采用Vue3等技術(shù)框架，包括場景建模、界面開發(fā)、系統(tǒng)對接、組件拓展、數(shù)據(jù)并發(fā)處理、動態(tài)菜單、權(quán)限校驗、按鈕級別權(quán)限控制等功能。而在這之中，織信Informat企業(yè)級低代碼開發(fā)平臺對應(yīng)的就是vue3前端版本！

強大的動態(tài)信息數(shù)據(jù)模型可以讓應(yīng)用程序快速生成! 織信Informat引領(lǐng)低代碼開發(fā)模式， 幫助解決企業(yè)項目70%的重復工作，讓開發(fā)更多關(guān)注業(yè)務(wù)。既能快速提高效率，節(jié)省成本，同時又不失靈活性。

當前版本：V1.14

版本升級：

• PC端上線“萬能打印模板”
• PC端數(shù)據(jù)導入時增加數(shù)據(jù)表全字段的模板下載
• PC端日期字段開啟時間選擇時，支持精確到秒的輸出
• PC端函數(shù)字段增加數(shù)字轉(zhuǎn)換人民幣大寫支持
• PC端行數(shù)字段增加{ID}類型，以便可以獲取記錄的id
• PC端儀表盤全局變量過濾支持
• 打印模板加入啟用禁用功能
• 打印模板窗口增加保存為照片功能
• 打印模板增加條形碼、二維碼支持
• 審批流程支持回退功能
• 流程審批支持暫存流程數(shù)據(jù)
• 函數(shù)字段增加條形碼、圖片的展示方式
• 全量導出Excel文件內(nèi)容支持按當前系統(tǒng)排序展示
• 自動化模塊中新增【審批流回退】功能
• 自動化模塊中【新增按鈕】支持在審批流程中展示
• 新增瀏覽器【語音通知功能】
• 視圖、字段的權(quán)限控制新增【團隊角色】
• 應(yīng)用升級支持同步【搜索引擎】模塊
• 自動化將URL上傳為附件功能，新增支持修改附件名稱

系統(tǒng)后臺效果：

?

?

?報表效果

?

?

?流程審批設(shè)計

?

?大屏模板

?

?

功能模塊

織信Informat功能大致分為：系統(tǒng)管理、系統(tǒng)集成、系統(tǒng)監(jiān)控、系統(tǒng)權(quán)限、知識庫、文件存儲、待辦工作流、審批、儀表盤、看板視圖、各類組件、腳本、表單、自動化、網(wǎng)站、打印模板等等平臺功能。更多細節(jié)功能，由于時間原因，這里未作提及，感興趣可自行體驗了解。

入門須知

使用織信Informat前，建議先閱讀幫助中心詳細了解各項功能特點、功能位置、如何使用等基礎(chǔ)知識，以便能處理一些常見的問題。 提前通過幫助中心與開發(fā)文檔了解和學習低代碼知識，會對系統(tǒng)搭建理解非常有幫助。

瀏覽器支持：

本地開發(fā)推薦使用 Chrome 最新版瀏覽器，不支持 Chrome 80 以下版本。

生產(chǎn)環(huán)境支持現(xiàn)代瀏覽器，不支持 IE。

?