奧杰特(Oracle JavaScript Extension Toolkit)是一個(gè)基于JavaScript開(kāi)發(fā)的開(kāi)源前端框架,專門用于構(gòu)建單頁(yè)Web應(yīng)用(SPA)。與Vue框架類似,Ojet也采用了MVVM框架模式,并且具有良好的擴(kuò)展性、易用性和高可靠性。
區(qū)別1:Ojet使用Oracle JET Command-Line Interface(CLI)工具而不是單獨(dú)npm包。使用CLI工具可以快速創(chuàng)建應(yīng)用程序模板,通過(guò)集成各種第三方工具和庫(kù),方便快速的構(gòu)建和部署應(yīng)用。而Vue則需要使用Webpack等構(gòu)建工具來(lái)搭建基本的開(kāi)發(fā)環(huán)境。
//Ojet CLI工具命令示例: $ ojet create my-app //Vue的npm命令示例: $ npm install webpack
區(qū)別2:Ojet框架的組件庫(kù)中集成了Oracle公司的Oracle Jet Components的組件庫(kù),這是一個(gè)非常完整、易用的組件庫(kù),同時(shí)包含了常見(jiàn)的數(shù)據(jù)可視化、圖表、數(shù)據(jù)表格等組件,以及數(shù)據(jù)綁定和處理模塊。對(duì)于使用Oracle產(chǎn)品和技術(shù)的企業(yè),Ojet具有更高的兼容性和適用性。而Vue則需要引入第三方UI庫(kù),例如Element、Vuetify等等。
//Ojet數(shù)據(jù)可視化組件使用示例: <oj-chart type="bar" values="{{barSeriesValues}}" series-labels="{{barSeriesLabels}}"></oj-chart>//Vue Element庫(kù)數(shù)據(jù)可視化: <el-chart :data="chartData" :settings="chartSettings" :type="chartType"></el-chart>
區(qū)別3:Ojet具有更強(qiáng)大的跨平臺(tái)開(kāi)發(fā)能力,支持將應(yīng)用程序打包為Hybrid Web應(yīng)用程序,可以在iOS、Android和Windows設(shè)備上運(yùn)行,具有類似于Cordova開(kāi)發(fā)的能力。而Vue則需要手動(dòng)安裝Cordova插件來(lái)實(shí)現(xiàn)跨平臺(tái)功能。
//Ojet打包Hybrid Web應(yīng)用: $ ojet build hybrid //Vue使用Cordova插件構(gòu)建Hybrid應(yīng)用: $ cordova create myHybridApp
在使用前端框架進(jìn)行開(kāi)發(fā)時(shí),選擇自己喜歡并且適合項(xiàng)目需要的框架非常重要,同時(shí)也要根據(jù)團(tuán)隊(duì)成員的技能與經(jīng)驗(yàn)來(lái)選擇相應(yīng)的框架。Ojet和Vue框架各自具有自己的優(yōu)勢(shì)和特點(diǎn),可以根據(jù)實(shí)際情況進(jìn)行選擇。