I-Vue.js isibe uhlaka lweJavaScript oludumile kakhulu ngenxa yobuntu bayo obufinyelelekayo kanye nokuguquguquka kwayo. Iyithuluzi elikhethwa ngabathuthukisi bewebhu abaningi uma kukhulunywa ngokwenza lula ukuthuthukiswa kwesikhombimsebenzisi sewebhu. Umsebenzi ovamile abathuthukisi abavame ukuhlangana nawo lapho besebenza ne-Vue.js ukuguqula izintambo zibe ama-array.
Le nqubo ibalulekile ezimweni lapho uthola khona idatha ngefomethi yezintambo kodwa udinga le datha ngendlela ye-array ukuze kube lula ukuyisebenzisa. Ngaphambi kokungena esixazululweni, kungcono ukuba nolwazi oluyisisekelo lwe- Vue Js kanye ne-JavaScript.
Ukuguqula Uchungechunge lube Luhlelo ku-Vue.js
Ukuze uguqule iyunithi yezinhlamvu ibe amalungu afanayo ku-Vue.js, kunendlela eqondile, eyakhelwe ngaphakathi etholakala ku-JavaScript. Kubizwa ngokuthi `ukuhlukana()`
var str = "Hello World";
var res = str.split(" ");
Umsebenzi `ukuhlukanisa()` uwumsebenzi owakhelwe ngaphakathi ku-JavaScript oguqula into ye-String ibe uchungechunge lwezintambo ngokuhlukanisa iyunithi yezinhlamvu endaweni ngayinye yeyunithi yezinhlamvu ecacisiwe.
Incazelo Yesinyathelo Nesinyathelo Yekhodi
Lapha, "Sawubona Umhlaba" umele iyunithi yezinhlamvu edinga ukuguqulelwa kuhlelo. Indlela yokuhlukanisa esetshenziswa ekuguquguqukeni kwentambo ithatha ingxabano, okuyisihlukanisi (isikhala esingenalutho esimweni sethu). Iqondisa indlela yokuhlukanisa ukuhlukanisa intambo isikhathi ngasinye lapho ibona isihlukanisi. Ngenxa yalokho, ibuyisela ochungechunge abancane abawumphumela njengama-elementi ohlu.
Ake sihlukanise lezi zinyathelo
:
// Declare a string
var str = "Hello World";
// Use split method on the string
var res = str.split(" ");
Ngemva kokusebenzisa le khodi, okuguquguqukayo `res` kuzoqukatha amalungu afanayo - [“Sawubona”, “World”].
Hlukanisa Umsebenzi kanye ne-Vue.js
Kumongo we-Vue.js, ungase ufune ukuhlanganisa lokhu kusebenza phakathi kwesibonelo sakho se-Vue noma ingxenye. Isibonelo, ungagcina inani leyunithi yezinhlamvu entweni yakho yedatha futhi udale indlela yokuhlukanisa iyunithi yezinhlamvu
:
new Vue({
el: '#app',
data: {
message: 'Hello World'
},
methods: {
splitMessage: function() {
this.message = this.message.split(" ");
}
}
})
Lapha sidale isibonelo se-Vue, ngento yedatha equkethe iyunithi yezinhlamvu zomlayezo. Sengeze nendlela – `splitMessage`. Le ndlela iwucezu oluyisihluthulelo lokuguqula iyunithi yezinhlamvu ibe uhlu. Ishintsha `umlayezo` wenze amalungu afanayo ngokusebenzisa indlela `yokwehlukana()`.
Qaphela ukuthi ukusetshenziswa kwalokhu kokuthi `splitMessage` kubhekisela kusibonelo se-Vue, ngaleyo ndlela `lo mlayezo` ubhekisela endaweni ethi `umlayezo` entweni yedatha. Umqondo usekela kakhulu futhi usebenza kwezinye izilungiselelo eziningi ezibandakanya ukukhohlisa idatha yezindawo zokusebenzelana nomsebenzisi.
Isiphetho
Kafushane, i-JavaScript inikezela ngendlela eqondile ku-Vue.js yokuguqula amayunithi ezinhlamvu abe amalungu afanayo usebenzisa umsebenzi othi `split()`. Ukuqonda lokhu kunikeza isisekelo esibalulekile ekulawuleni idatha yezixhumi ezibonakalayo zabasebenzisi, isici esiwusizo ikakhulukazi kuzimo eziningi ezahlukene. Ngaphezu kwalokho, ukuguquguquka kwe-Vue.js kusiza ekuhlanganiseni imiqondo eyinhloko ye-JavaScript kanye nesistimu yokuphinda isebenze ye-Vue, ngaleyo ndlela kuvuleke indlela eya ekudaleni izinhlelo zokusebenza zewebhu ezinamandla kakhulu nezisebenzisanayo.
