Vue.js einbeitir sér aðallega að sjónunarhluta forritsins, einnig kallað framhliðarþróun. Vue.js er að verða vinsælt dag frá degi vegna þess að það er mjög auðvelt að samþætta við önnur verkefni og bókasöfn. Það er mjög einfalt í uppsetningu og notkun.
Vue.js er framsækið JavaScript ramma opinn uppspretta notað til að þróa gagnvirkt netnotendaviðmót og forrit á einni síðu (SPA). Vue.js er almennt nefnt Vue og borið fram sem „view.js“ eða „view“.
A Single Page Application eða SPA er vefforrit eða vefsíða sem veitir notendum mjög slétta, móttækilega og hraðvirka upplifun svipað og skrifborðsforrit. Forrit á einni síðu inniheldur valmynd, hnappa og blokkir á einni síðu. Þegar notandi smellir á eina þeirra endurskrifar hann núverandi síðu á virkan hátt frekar en að hlaða alveg nýjum síðum frá netþjóni. Þetta er ástæðan fyrir viðbragðshraða þess.
Vue er í grundvallaratriðum þróað fyrir framendaþróun, svo það þarf að höndla mikið af HTML, JavaScript og CSS skrám. Vue.js auðveldar notendum að útvíkka HTML með HTML eiginleikum sem kallast tilskipanir. Vue.js veitir innbyggðar tilskipanir og margar tilskipanir definotanda til að bæta virkni HTML forrita.
Hér að neðan er listi yfir mikilvægustu eiginleika Vue.js:
Vue.js hlutir eru einn af mikilvægum eiginleikum þessa ramma. Þeir eru notaðir til að útvíkka helstu HTML þætti til að umlykja endurnýtanlegan kóða. Þú getur búið til endurnýtanlega sérsniðna þætti í Vue.js forritum sem hægt er að endurnýta síðar í HTML.
Vue.js býður upp á HTML-undirstaða sniðmát sem hægt er að nota til að tengja birta DOM við Vue tilviksgögn. Öll Vue sniðmát eru gilt HTML sem hægt er að flokka af vöfrum og HTML þáttum sem samræmast sérsniðum. Vue.js setur saman líkön í sýndar DOM flutningsaðgerðir. Vue gerir hluti í sýndar-DOM minni áður en vafrinn er endurnýjaður. Vue getur einnig reiknað út lágmarksfjölda íhluta til að endurgera og beitt lágmarksmagni DOM-meðferðar þegar skipt er um umsóknarstöðu.
Vue býður upp á svörunarkerfi sem notar einfalda JavaScript hluti og fínstillir endurbirtingu. Í þessu ferli heldur hver íhlutur utan um hvarfgjarnar ósjálfstæði hans, þannig að kerfið veit nákvæmlega hvenær og hvaða íhluti á að endurgera.
Síðuflakk er gert með hjálp vue-beini. Þú getur notað opinberlega studda vue-beini bókasafnið fyrir forritið þitt á einni síðu.
Vue gerir þér kleift að nota mismunandi umbreytingaráhrif þegar þættir eru settir inn, uppfærðir eða fjarlægðir úr DOM.
Það eru nokkrar aðferðir til að nota Vue.js. Þú getur sett það upp með því að fara á opinberu síðuna þess eða þú getur líka byrjað að nota Vue.js skrána frá CDN bókasafninu. Hér eru nokkrar leiðir til að nota Vue.js í verkefninu þínu.
Ef þú vilt nota merkið <script> af Vue.js beint í HTML skrána þína, þú þarft að hlaða henni niður af opinberu vefsíðunni.
<html>
<head>
<script type = "text/javascript" src = "vue.min.js"></script>
</head>
<body>
</body>
</html> Við skulum fara á opinberu vefsíðu Vue.js https://vuejs.org/v2/guide/installation.html til að hlaða niður vue.js í samræmi við þarfir þínar.
Þú getur líka notað Vue.js skrána frá CDN, í forritinu þínu. Notaðu hlekkinn https://unpkg.com/vue@3/dist/vue.global.js inni í frumefninu <script>, eins og hér að neðan:
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>Vue.js er ein af nýjustu hugbúnaðartækni sem er mikið notuð til að þróa vef og byggja upp Single Page Applications (SPA). Eins og þú getur giskað á af nafninu er það aðallega notað fyrir HÍ eða skjáhlið verkefnisins.
Við skulum sjá ávinninginn af því að nota Vue.js í verkefninu þínu:
Einn stærsti kosturinn við Vue.js er að hann er mjög lítill í stærð. Árangur JavaScript ramma fer mikið eftir stærð þess og þetta spennandi JavaScript viðbót er aðeins 18-21KB, svo þú getur auðveldlega hlaðið niður og notað það á skömmum tíma.
Vue.js ramminn hefur mjög einfalda uppbyggingu og er mjög auðvelt að skilja. Það er ein af ástæðunum fyrir vinsældum þessa ramma. Ef þú þekkir HTML og JavaScript geturðu auðveldlega kóðað í Vue.js. Notendur geta auðveldlega bætt Vue.js við vefverkefnið sitt vegna einfaldrar uppbyggingar og þróað forrit.
Vue.js hefur marga hluti fyrir allt og hægt er að samþætta það mjög fljótt við núverandi forrit. Þú getur samþætt það með hvaða forriti sem er skrifað í JavaScript.
Sveigjanlegt eðli Vue.js gerir það einnig auðvelt fyrir þróunaraðila React.js, Angular.js og hvers kyns nýrra JavaScript ramma að skilja. Það veitir mikinn sveigjanleika að nota sýndarhnúta til að skrifa HTML skrár, JavaScript skrár og hreinar JavaScript skrár.
Þú getur búið til sérsniðna þætti sem eru endurnýtanlegir í Vue.js forritum.
Vue.js veitir mjög einföld, fullkomin og ítarleg skjöl, þannig að forritarar sem hafa litla hugmynd um HTML og JavaScript geta notað það til að forrita.
Vue.js notar sýndar-DOM svipað og önnur núverandi ramma eins og ReactJS, Ember osfrv. Sýndar-DOM er létt framsetning í minnistré upprunalega HTML DOM og er uppfært án þess að hafa áhrif á upphaflega DOM.
Vue.js veitir tvíhliða samskipti með Model View View Model (MVVM) arkitektúr sem einfaldar meðhöndlun HTML kubba.
Ramminn kemur með kerfi sem gerir okkur kleift að skila gögnum á yfirlýsandi hátt til DOM með því að nota einfalt og einfalt líkan setningafræði.
Hér er dæmi:
<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>Vue.js ramminn gerir okkur kleift að definír HTML eigindir sem kallast tilskipanir, sem eru notaðar til að veita HTML forritum virkni.
Það eru tvær tegundir af tilskipunum í Vue.js:
Vue.js notar tvöfalda svigrúm {{}} sem staðgengla fyrir gögn og Vue.js tilskipanir eru HTML eiginleikar sem nota v- forskeyti.
Vue app tengist einum DOM frumefni og stjórnar honum að fullu. Í dæminu hér að ofan er það #app.
Með Vue getum við litið á HTML sem inngangspunkt og allt annað gerist inni í skapaða Vue dæminu.
Við skulum sjá dæmi þar sem við reynum þátta- og eigindabindingu:
<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> Í þessu tilviki er nýja v-bind eigindin tilskipunin. Tilskipanir eru notaðar með v- forskeytinu til að gefa til kynna að þeir séu einstakir eiginleikar sem Vue veita, og eru notaðar til að beita sérstakri móttækilegri hegðun á birta DOM.
Niðurstaða dæmisins er eftirfarandi
Ercole Palmeri
„Case Green“ tilskipunin, mótuð af Evrópusambandinu til að auka orkunýtni bygginga, hefur lokið löggjafarferli sínu með...
Ársskýrsla Casaleggio Associati um netverslun á Ítalíu kynnt. Skýrsla sem ber yfirskriftina "AI-Commerce: landamæri rafrænna viðskipta með gervigreind"....
Afrakstur stöðugrar tækninýjungar og skuldbindingar við umhverfið og velferð fólks. Bandalux kynnir Airpure®, tjald…
Hönnunarmynstur eru sérstakar lág-stigi lausnir á endurteknum vandamálum í hugbúnaðarhönnun. Hönnunarmynstur eru…
