Хичээлээр компонент ирж буй параметрүүдэд шалгалт хийх боломжийн авч үзье. Төслийн App компонентоос Car компонентийг дуудаж буй кодийг
...
<Car
name={car.name}
year={car.year}
onDelete={this.deleteHandler.bind(this, index)}
onChangeName={(event) => this.onChangeName(event.target.value, index)}
/>
...аваад үзье.
Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 203 Нийтийн
Төслийн нэгдсэн хадгалагчид програмын төлвүүдийг state -д үүсгэн ашиглахыг сурсан тул vuex -ийн дараагийн боломжийг судалцгаая. Одоогоор төслийн Actions компонентод байрлах товчнууд дээр дарах үйл явцын боловсруулагч state -д тодорхойлогдсон counter талбарын утгыг өөрчилнө. Харин Counter компонент state -ээс counter талбарыг аван темлейтдээ үзүүлж байгаа. Төсөлд бас нэгэн компонентийг нэмээд түүн дээр vuex -ийн дараагийн боломжийг судлая. Үүний тулд төслийн components хавтаст Counter компоненттой ижилхэн
<template>
<h2>Тоолуур 2: {{counter}}</h2>
</template>
<script>
export default {
computed: {
counter() {
return this.$store.state.counter
}
}
}
</script>кодтой SecondCounter.vue файлыг үүсгэе.
Нээгдсэн тоо: 670 Төлбөртэй
Интернетэд сууриласан буюу хөтөч дээр ажилладаг програмуудын хэрэглэгчийн дэлгэцийг бүрэн удирдах боломжийг олгодог нь Javascript хэлний нэг давуу тал. Хэрэглэгч талын дэлгэцийг css хэвүүд ашиглан хэвжүүлдэг ч тэдгээрийг динамикаар удирдах хэрэгцээ зайлшгүй гардаг. Хичээлээр хуудасны элементүүдийн хэвийг css классууд ашиглахгүйгээр элементийн бичлэгт динамикаар оруулахыг CSS классуудтай ажиллах хичээлийнхтэй төстэй
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Vue JS</title>
<style>
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid black;
display: inline-block;
margin: 40px;
}
.red {background: red;}
.blue {background: blue;}
.green {background: green;}
</style>
</head>
<body>
<div id="app">
<div class="circle" :style="{'background': color}"></div>
<div class="circle"></div>
<hr>
<input type="text" v-model="color">
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
el: '#app',
data: {
isActive: false,
color: 'blue'
}
})
</script>
</body>
</html>жишээн дээр авч үзье.
Нээгдсэн тоо: 738 Төлбөртэй
React компонентод тулгуурладаг сан тул компонент гэж юу болохыг ойлгоцгооё. Үүний тулд машиний мэдээллийг үзүүлэх
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Lesson 01_02</title>
<style>
.car {
display: inline-block;
border: 2px solid #ccc;
box-shadow: 2px 2px 1px #eee;
padding: 10px;
margin-right: 10px;
}
</style>
</head>
<body>
<div class="car">
<h3>Toyata Camry</h3>
<p>Year: <strong>2019</strong></p>
</div>
</body>
</html>код бүхий html файлыг үүсгээд хөтөч дээр нээвэл
гэж харагдана.
Нээгдсэн тоо: 4562 Бүртгүүлэх
JavaScript-ийн өгөгдлийн төрлүүд
Хувьсагч гэдэг нь компьютерын санах ойд хадгалагдаж байгаа тодорхой утгыг заах нэр юм. JavaScript –д зарлаж байгаа хувьсагчийн төрлийг урьдчилан заах хэрэггүй хэл хувьсагчийн төрлийг өөрөө тодорхойлдог. Бүхэл болон бутархай тоонуудад илт ялгагдах ялгаа бараг байхгүй. JavaScript доорх төрлүүдийг таньдаг.
| Төрөл | Нэр | Тодорхойлолт |
| Number | Тоо | 16, 10, 8 тооллын системийн бүхэл, бутархай тоонууд |
| String | Мөр | Хашилтанд байх тэмдэгтүүд |
| Boolean | Логик | True ба False байх логик утгууд |
| Function | Функц | Функцын холбоос |
| Object | Обьект | Обьект , массив болон Null утгатай хувьсагчид |
тэгшитгэлийн язгууруудын нийлбэрийг ол.
Зурагт үзүүлсэн хагас тойрогт 
бол AB -ийн уртыг ол.