Bidh Vue.js gu sònraichte ag amas air pàirt fradharc an tagraidh, ris an canar cuideachd leasachadh aghaidh aghaidh. Tha fèill mhòr air Vue.js bho latha gu latha oir tha e gu math furasta aonachadh le pròiseactan agus leabharlannan eile. Tha e gu math sìmplidh a stàladh agus a chleachdadh.
Tha Vue.js na fhrèam JavaScript adhartach open source air a chleachdadh airson eadar-aghaidh cleachdaiche lìn eadar-ghnìomhach a leasachadh agus tagraidhean aon-dhuilleag (SPAn). Tha Vue.js air ainmeachadh gu cumanta mar Vue agus air fhuaimneachadh mar “view.js” no “view”.
Is e tagradh lìn no làrach-lìn a th’ ann an Iarrtas Duilleag Singilte no SPA a bheir eòlas gu math rèidh, freagairteach agus luath do luchd-cleachdaidh coltach ri tagradh deasg. Ann an tagradh aon duilleag tha clàr-taice, putanan agus blocaichean air aon duilleag. Nuair a phutas neach-cleachdaidh air aon dhiubh, bidh e ag ath-sgrìobhadh an duilleag làithreach gu dinamach seach a bhith a’ luchdachadh duilleagan ùra slàn bho fhrithealaiche. Is e seo an adhbhar air cùl an astar freagairteach aige.
Tha Vue air a leasachadh gu bunaiteach airson leasachadh aghaidh, agus mar sin feumaidh e tòrr fhaidhlichean HTML, JavaScript agus CSS a làimhseachadh. Tha Vue.js ga dhèanamh furasta do luchd-cleachdaidh HTML a leudachadh le buadhan HTML ris an canar stiùiridhean. Tha Vue.js a’ toirt seachad stiùiridhean togte agus mòran stiùiridhean definite leis an neach-cleachdaidh gus gnìomhachd thagraidhean HTML a leasachadh.
Gu h-ìosal tha liosta de na feartan as cudromaiche aig Vue.js:
Is e co-phàirtean Vue.js aon de na feartan cudromach den fhrèam seo. Tha iad air an cleachdadh gus eileamaidean HTML bunaiteach a leudachadh gus còd ath-chleachdadh a chuartachadh. Faodaidh tu eileamaidean gnàthaichte ath-chleachdadh a chruthachadh ann an tagraidhean Vue.js a ghabhas cleachdadh a-rithist ann an HTML.
Tha Vue.js a’ toirt seachad teamplaidean stèidhichte air HTML a dh’fhaodar a chleachdadh gus an DOM a chaidh a thoirt seachad a cheangal ri dàta eisimpleir Vue. Tha na teamplaidean Vue uile nan HTML dligheach a dh’ fhaodar a pharsadh le brobhsairean a tha a’ gèilleadh gu sònraichte agus parsairean HTML. Bidh Vue.js a’ cur ri chèile mhodalan ann an gnìomhan tairgse Virtual DOM. Bidh Vue a’ toirt phàirtean gu cuimhne DOM brìgheil mus ùraich thu am brabhsair. Faodaidh Vue cuideachd an àireamh as lugha de cho-phàirtean obrachadh a-mach gus ath-thoirt seachad agus an ìre as lugha de làimhseachadh DOM a chuir an sàs nuair a bhios iad ag atharrachadh staid an tagraidh.
Tha Vue a’ toirt seachad siostam freagairteachd a bhios a’ cleachdadh nithean JavaScript sìmplidh agus a’ dèanamh an fheum as fheàrr de ath-rendering. Anns a 'phròiseas seo, bidh gach pàirt a' cumail sùil air na h-eisimeileachdan reactive aige, agus mar sin tha fios aig an t-siostam gu dìreach cuin agus dè na pàirtean a thèid a thoirt seachad.
Bithear a’ seòladh duilleag le cuideachadh bho vue-router. Faodaidh tu an leabharlann vue-router le taic oifigeil a chleachdadh airson an tagradh aon duilleag agad.
Leigidh Vue leat diofar bhuaidhean gluasaid a chleachdadh nuair a thèid eileamaidean a chuir a-steach, ùrachadh no a thoirt air falbh bhon DOM.
Tha grunn dhòighean ann airson Vue.js a chleachdadh. Faodaidh tu a stàladh le bhith a’ dol chun làrach oifigeil aige no faodaidh tu tòiseachadh air am faidhle Vue.js a chleachdadh bhon leabharlann CDN cuideachd. Seo cuid de dhòighean air Vue.js a chleachdadh sa phròiseact agad.
Ma tha thu airson an taga a chleachdadh <script> de Vue.js gu dìreach a-steach don fhaidhle HTML agad, feumaidh tu a luchdachadh sìos bhon làrach-lìn oifigeil.
<html>
<head>
<script type = "text/javascript" src = "vue.min.js"></script>
</head>
<body>
</body>
</html> Rachamaid gu làrach-lìn oifigeil Vue.js https://vuejs.org/v2/guide/installation.html gus vue.js a luchdachadh sìos a rèir do fheumalachdan.
Faodaidh tu cuideachd am faidhle Vue.js bho CDN a chleachdadh, san tagradh agad. Cleachd an ceangal https://unpkg.com/vue@3/dist/vue.global.js taobh a-staigh an eileamaid <script>, mar gu h-ìosal:
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>Is e Vue.js aon de na teicneòlasan bathar-bog as ùire a thathas a’ cleachdadh gu farsaing airson leasachadh lìn agus togail Iarrtasan Duilleag Singilte (SPA). Mar as urrainn dhut tomhas bhon ainm, tha e air a chleachdadh sa mhòr-chuid airson UI no taobh taisbeanaidh a’ phròiseict.
Chì sinn na buannachdan bho bhith a’ cleachdadh Vue.js sa phròiseact agad:
Is e aon de na buannachdan as motha a tha aig Vue.js gu bheil e glè bheag ann am meud. Tha soirbheachas frèam JavaScript gu mòr an urra ri a mheud agus chan eil am plugan inntinneach JavaScript seo ach 18-21KB, agus mar sin is urrainn dhut a luchdachadh sìos agus a chleachdadh gu furasta ann an ùine sam bith.
Tha structar gu math sìmplidh aig frèam Vue.js agus tha e gu math furasta a thuigsinn. Is e seo aon de na h-adhbharan airson cho mòr sa tha am frèam seo. Ma tha thu eòlach air HTML agus JavaScript, faodaidh tu còd a dhèanamh gu furasta ann an Vue.js. Is urrainn do luchd-cleachdaidh Vue.js a chuir ris a’ phròiseact lìn aca gu furasta air sgàth an structair shìmplidh agus a bhith a’ leasachadh thagraidhean.
Tha mòran phàirtean aig Vue.js airson a h-uile càil agus faodar an aonachadh gu math luath leis na tagraidhean a th’ ann mar-thà. Faodaidh tu fhilleadh a-steach le tagradh sam bith sgrìobhte ann an JavaScript.
Tha nàdar sùbailte Vue.js cuideachd ga dhèanamh furasta do luchd-leasachaidh React.js, Angular.js, agus frèaman JavaScript ùra sam bith eile a thuigsinn. Tha e a’ toirt seachad tòrr sùbailteachd gus nodan brìgheil a chleachdadh gus faidhlichean HTML, faidhlichean JavaScript agus faidhlichean JavaScript fìor-ghlan a sgrìobhadh.
Faodaidh tu eileamaidean gnàthaichte a chruthachadh a ghabhas ath-chleachdadh ann an tagraidhean Vue.js.
Tha Vue.js a’ toirt seachad sgrìobhainnean gu math sìmplidh, coileanta agus mionaideach, agus mar sin faodaidh luchd-leasachaidh aig nach eil mòran beachd air HTML agus JavaScript a chleachdadh airson prògramadh.
Bidh Vue.js a’ cleachdadh DOM brìgheil coltach ri frèaman eile a th’ ann mar ReactJS, Ember, msaa. Tha an DOM brìgheil na riochdachadh craoibhe aotrom ann an cuimhne den HTML DOM tùsail agus tha e air ùrachadh gun a bhith a’ toirt buaidh air a ’chiad DOM.
Tha Vue.js a 'toirt seachad conaltradh dà-shligheach leis an ailtireachd Model View View Model (MVVM) aige a tha a' sìmpleachadh làimhseachadh bhlocaichean HTML.
Tha am frèam a’ tighinn le siostam a leigeas leinn dàta a thoirt seachad gu dearbhach don DOM a’ cleachdadh co-chòrdadh modail sìmplidh.
Seo eisimpleir:
<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>Tha frèam Vue.js a’ toirt cothrom dhuinn definire HTML buadhan ris an canar stiùiridhean, a tha air an cleachdadh gus comas-gnìomh a thoirt do thagraidhean HTML.
Tha dà sheòrsa stiùiridh ann an Vue.js:
Bidh Vue.js a’ cleachdadh braces dùbailte {{}} mar luchd-àite airson dàta, agus tha stiùiridhean Vue.js nam buadhan HTML a bhios a’ cleachdadh v- ro-leasachan.
Bidh app Vue a’ ceangal ri aon eileamaid DOM agus ga làn smachd. Anns an eisimpleir gu h-àrd, is e #app a th’ ann.
Le Vue is urrainn dhuinn beachdachadh air an HTML mar an t-àite inntrigidh, agus bidh a h-uile càil eile a’ tachairt taobh a-staigh an eisimpleir Vue a chaidh a chruthachadh.
Chì sinn eisimpleir far am feuch sinn ri eileamaidean agus buadhan a cheangal:
<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> Anns a 'chùis seo, is e am feart v-bind ùr an stiùireadh. Bithear a’ cleachdadh stiùiridhean le ro-leasachan v gus sealltainn gur e buadhan sònraichte a th’ annta air an toirt seachad le Vue, agus tha iad air an cleachdadh gus giùlan freagairteach sònraichte a chuir an sàs anns an DOM a chaidh a thoirt seachad.
Tha toradh an eisimpleir mar a leanas
Ercole Palmeri
Tha an roinn cabhlaich na fhìor chumhachd eaconamach cruinne, a tha air gluasad a dh’ ionnsaigh margaidh 150 billean ...
Diluain sa chaidh, dh’ ainmich an Financial Times aonta le OpenAI. Tha FT a’ ceadachadh a naidheachdas aig ìre cruinne…
Bidh milleanan de dhaoine a’ pàigheadh airson seirbheisean sruthadh, a’ pàigheadh cìsean ballrachd mìosail. Tha e na bheachd cumanta gu bheil thu…
Leanaidh Coveware le Veeam a’ toirt seachad seirbheisean freagairt tachartas saidhbear. Bidh Coveware a’ tabhann comasan forensics agus leigheas…
