Vue.js inaangazia zaidi sehemu ya taswira ya programu, pia inaitwa ukuzaji wa mwisho wa mbele. Vue.js inazidi kuwa maarufu siku baada ya siku kwa sababu ni rahisi sana kuunganishwa na miradi na maktaba zingine. Ni rahisi sana kufunga na kutumia.
Vue.js ni mfumo wa JavaScript unaoendelea wazi chanzo hutumika kutengeneza miingiliano ya watumiaji wa wavuti na programu-tumizi za ukurasa mmoja (SPAs). Vue.js inajulikana kama Vue na hutamkwa kama "view.js" au "view".
Maombi ya Ukurasa Mmoja au SPA ni programu ya wavuti au tovuti ambayo huwapa watumiaji uzoefu laini sana, msikivu na wa haraka sawa na programu ya kompyuta ya mezani. Programu ya ukurasa mmoja ina menyu, vifungo na vizuizi kwenye ukurasa mmoja. Mtumiaji anapobofya kwenye mojawapo, huandika upya ukurasa wa sasa badala ya kupakia kurasa mpya kabisa kutoka kwa seva. Hii ndiyo sababu nyuma ya kasi yake ya kuitikia.
Kimsingi Vue imeundwa kwa ajili ya maendeleo ya sehemu ya mbele, kwa hivyo inapaswa kushughulikia faili nyingi za HTML, JavaScript na CSS. Vue.js hurahisisha watumiaji kupanua HTML kwa kutumia sifa za HTML zinazoitwa maagizo. Vue.js hutoa maagizo yaliyojumuishwa ndani na maagizo mengi definite na mtumiaji ili kuboresha utendakazi wa programu za HTML.
Ifuatayo ni orodha ya vipengele muhimu zaidi vya Vue.js:
Vipengee vya Vue.js ni mojawapo ya vipengele muhimu vya mfumo huu. Zinatumika kupanua vipengee vya msingi vya HTML ili kujumuisha msimbo unaoweza kutumika tena. Unaweza kuunda vipengele maalum vinavyoweza kutumika tena katika programu za Vue.js ambavyo vinaweza kutumika tena katika HTML.
Vue.js hutoa violezo kulingana na HTML ambavyo vinaweza kutumika kuhusisha DOM iliyotolewa na data ya mfano wa Vue. Violezo vyote vya Vue ni HTML halali ambayo inaweza kuchanganuliwa na vivinjari vinavyotii mahususi na vichanganuzi vya HTML. Vue.js hukusanya miundo katika vitendakazi vya uonyeshaji vya DOM. Vue hutoa vipengee kwenye kumbukumbu pepe ya DOM kabla ya kuonyesha upya kivinjari. Vue inaweza pia kukokotoa idadi ya chini kabisa ya vipengee ili kutoa tena na kutumia kiwango cha chini cha upotoshaji wa DOM wakati wa kubadilisha hali ya programu.
Vue hutoa mfumo wa ujibuji unaotumia vipengee rahisi vya JavaScript na kuboresha uwasilishaji upya. Katika mchakato huu, kila kijenzi hufuatilia utegemezi wake tendaji, kwa hivyo mfumo unajua ni lini hasa na vipengele vipi vya kutoa tena.
Urambazaji wa ukurasa unafanywa kwa msaada wa vue-router. Unaweza kutumia maktaba ya vue-router inayotumika rasmi kwa programu yako ya ukurasa mmoja.
Vue hukuruhusu kutumia athari tofauti za mpito wakati vipengee vinapoingizwa, kusasishwa au kuondolewa kwenye DOM.
Kuna mbinu kadhaa za kutumia Vue.js. Unaweza kuisakinisha kwa kwenda kwenye tovuti yake rasmi au unaweza kuanza kutumia faili ya Vue.js kutoka kwenye maktaba ya CDN pia. Hizi ni baadhi ya njia za kutumia Vue.js katika mradi wako.
Ikiwa unataka kutumia lebo <script> ya Vue.js moja kwa moja kwenye faili yako ya HTML, unahitaji kuipakua kutoka kwa tovuti rasmi.
<html>
<head>
<script type = "text/javascript" src = "vue.min.js"></script>
</head>
<body>
</body>
</html> Hebu tuende kwenye tovuti rasmi ya Vue.js https://vuejs.org/v2/guide/installation.html kupakua vue.js kulingana na mahitaji yako.
Unaweza pia kutumia faili ya Vue.js kutoka CDN, katika programu yako. Tumia kiungo https://unpkg.com/vue@3/dist/vue.global.js ndani ya kipengele <script>, kama ilivyo hapo chini:
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>Vue.js ni mojawapo ya teknolojia za kisasa zaidi za programu zinazotumiwa sana kwa ajili ya ukuzaji wa wavuti na kujenga Programu za Ukurasa Mmoja (SPA). Kama unavyoweza kukisia kutoka kwa jina, hutumiwa zaidi kwa UI au upande wa kuonyesha wa mradi.
Hebu tuone faida za kutumia Vue.js katika mradi wako:
Moja ya faida kubwa za Vue.js ni kwamba ni ndogo sana kwa ukubwa. Mafanikio ya mfumo wa JavaScript yanategemea sana saizi yake na programu-jalizi hii ya kusisimua ya JavaScript ni 18-21KB pekee, kwa hivyo unaweza kuipakua na kuitumia kwa urahisi sana baada ya muda mfupi.
Mfumo wa Vue.js una muundo rahisi sana na ni rahisi sana kuelewa. Ni moja ya sababu za umaarufu wa mfumo huu. Ikiwa unafahamu HTML na JavaScript, unaweza kuweka msimbo kwa urahisi katika Vue.js. Watumiaji wanaweza kuongeza Vue.js kwa urahisi kwenye mradi wao wa wavuti kutokana na muundo wake rahisi na kuendeleza programu.
Vue.js ina vipengele vingi vya kila kitu na inaweza kuunganishwa haraka sana na programu zilizopo. Unaweza kuiunganisha na programu yoyote iliyoandikwa kwenye JavaScript.
Hali inayonyumbulika ya Vue.js pia hurahisisha uundaji wa React.js, Angular.js, na mifumo mingine yoyote mipya ya JavaScript kuelewa. Inatoa ubadilikaji mwingi wa kutumia nodi pepe kuandika faili za HTML, faili za JavaScript na faili safi za JavaScript.
Unaweza kuunda vipengele maalum ambavyo vinaweza kutumika tena katika programu za Vue.js.
Vue.js hutoa hati rahisi sana, kamili na za kina, kwa hivyo wasanidi programu ambao hawajui kuhusu HTML na JavaScript wanaweza kuitumia kupanga.
Vue.js hutumia DOM pepe sawa na mifumo mingine iliyopo kama vile ReactJS, Ember, n.k. DOM pepe ni uwakilishi mwepesi wa mti wa kumbukumbu wa HTML DOM asili na inasasishwa bila kuathiri DOM ya awali.
Vue.js hutoa mawasiliano ya njia mbili na usanifu wake wa Model View View Model (MVVM) ambao hurahisisha ushughulikiaji wa vizuizi vya HTML.
Mfumo huu unakuja na mfumo unaoturuhusu kutoa data kwa DOM kwa kutumia syntax rahisi na ya moja kwa moja.
Hapa kuna mfano:
<body>
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'This is a simple Vue.js Declarative Rendering example!'
}
})
</script>
</body>Mfumo wa Vue.js unaturuhusu kufanya hivyo defisifa nire za HTML zinazoitwa maelekezo, ambayo hutumiwa kutoa utendakazi kwa programu tumizi za HTML.
Kuna aina mbili za maagizo katika Vue.js:
Vue.js hutumia viunga viwili {{}} kama vishikilia nafasi vya data, na maagizo ya Vue.js ni sifa za HTML zinazotumia kiambishi awali cha v.
Programu ya Vue inaunganishwa na kipengele kimoja cha DOM na kukidhibiti kikamilifu. Katika mfano ulio hapo juu, ni #app.
Kwa Vue tunaweza kuzingatia HTML kama mahali pa kuingilia, na kila kitu kingine hufanyika ndani ya mfano wa Vue iliyoundwa.
Wacha tuone mfano ambapo tunajaribu kipengele na kumfunga sifa:
<html>
<head>
<link rel="stylesheet" href="index.css">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app-2">
<span v-bind:title="message">
Hover mouse over me for a few seconds
and see a dynamically bound title which I have set!
</span>
</div>
<script>
var app2 = new Vue({
el: '#app-2',
data: {
message: 'You loaded this page on ' + new Date().toLocaleString()
}
})
</script>
</body>
</html> Katika hali hii, sifa mpya ya v-bind ni maagizo. Maagizo hutumiwa na kiambishi awali cha v ili kuonyesha kuwa ni sifa za kipekee zinazotolewa na Vue, na hutumiwa kutumia tabia maalum ya kuitikia DOM inayotolewa.
Matokeo ya mfano ni yafuatayo
Ercole Palmeri
Coveware by Veeam itaendelea kutoa huduma za kukabiliana na matukio ya ulaghai mtandaoni. Coveware itatoa uwezo wa uchunguzi na urekebishaji…
Matengenezo ya kitabiri yanaleta mapinduzi katika sekta ya mafuta na gesi, kwa mbinu bunifu na makini ya usimamizi wa mitambo.…
CMA ya Uingereza imetoa onyo kuhusu tabia ya Big Tech katika soko la kijasusi bandia. Hapo...
Amri ya "Nyumba za Kijani", iliyoundwa na Umoja wa Ulaya ili kuongeza ufanisi wa nishati ya majengo, imehitimisha mchakato wake wa kutunga sheria na…
