Ямарч програмын ажиллагааны чухал хэсэг бол төрөл бүрийн мэдээллийн боловсруулалт, тэдгээртэй ажиллахтай холбоотой байдаг. Иймээс энэ хичээлээс vuejs дээр төрөл бүрийн өгөгдлүүдтэй хэрхэн үр дүнтэй харьцах аргуудыг судлаж эхлэнэ. Үүнийг бид маш энгийн
жишээгээр үзнэ.
Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 478 Бүртгүүлэх
Jsx -д жагсаалтыг циклээр оруулан ирэх ажиллагааг мэдсэн тул зарим элементүүдийг нөхцлөөс хамааран үзүүлэх аргыг сурцгаая. Үүний тулд App компонентийн state обьектод
state = {
cars: [
{ name: 'Toyata Prius', year: '2018' },
{ name: 'Toyata Camry', year: '2019' },
{ name: 'Ford', year: '2015' }
],
pageTitle: 'App компонент',
showCars: false
}Нээгдсэн тоо: 1336 Бүртгүүлэх
Javascript хэлний үндсэн үүргийн нэг бол хэрэглэгч талын хуудаст динамик байдлыг үүсгэн програмтай харьцах ажиллагааг илүү уян хатан, хөнгөн, эвтэйхэн болгох юм. Html хуудас дээрх сонголтуудаас боломжит сонголтуудыг хийхдээ CheckBox элементийг ашигладаг бол сонголтуудаас боломжит нэгийг сонгохыг Радио товчоор хийдэг. Жишээ нь бүртгэлийн хуудаст хэрэглэгчийн хүйсийн сонголтыг хийх гэх мэт. Үүнийг VueJs -дээр checkbox -той төстэйгөөр хэрэгжүүлдэг тул CheckBox хичээлийн
<template>
<div>
<h2>Form inputs</h2>
<label>
<input type="radio"> instagram
</label>
<label>
<input type="radio"> twitter
</label>
<label>
<input type="radio"> facebook
</label>
</div>
</template>
<script>
export default {
data () {
return {
}
}
}
</script>жишээний input тегийн төрлийг radio болгоод програмыг ажлуулан хуудасны ажиллагааг шалгавал
Нээгдсэн тоо: 1354 Нийтийн
Хичээлээр директивийн боломжуудыг хэрхэн өргөжүүлэхийг авч үзье. Эхлээд төслийн кодыг багахан цэгцлэе. Хичээлд Өөрийн директив үүсгэх , Директивийн амьдралын цикл хичээлийн жишээг ашиглах тул хичээлүүдийг үзэхийг зөвлөе. Директивийн амьдралын циклийг шалгахаар App компонентод нэмсэн товчнуудыг хасан
<template>
<div>
<h2 v-colored>{{ title }}</h2>
</div>
</template>
<script>
export default {
data () {
return {
title: "Hello I am Vue!"
}
}
}
</script>кодтой болгосон.
Нээгдсэн тоо: 916 Төлбөртэй
RxJs сангийн хүрээнд буфер гэж юу болох талаар энэ хичээлээр авч үзье. Буфер гэдгийг утгуудыг түр зуур хадгалах сав буюу орон зайг гэж ойлгоорой.
buffer, bufferTime арга
Практик жишээгээр ухагдхууныг ойлгох нь амархан байдаг учраас шууд
Rx.Observable.interval(500)
.buffer(Rx.Observable.interval(2000))
.take(3)
.subscribe(createSubscribe('buffer'));кодыг авч үзье. Хөтөч дээр хуудсаа нээвэл консолд
үр дүнг үзүүлнэ. Код юу хийж байгааг авч үзье.
илэрхийллийг хялбарчил.