Классийн бүх талбар, шинж, арга, бусад бүрдүүлэгчид хандалтын модификатортой. Хандалтын модификатор классийн бүрдүүлэгчдийн харагдах хүрээг заах боломжийг олгодог. Өөрөөр хэлбэл хандалтын модификаторууд тухайн хувьсагч эсхүл аргыг хэрэглэж болох контекстийг тодорхойлдог.

Сервертэй ажиллах vue-resource хэрэгслийн зарим нэгэн параметрүүдийг глобалаар тохируулахыг авч үзье. Өмнөх хичээлүүдэд $resource системийн аргад серверт хандах http://localhost:3000/cars хаягийг мөр хэлбэрээр дамжуулан resource обьектыг буцаан авч байсан. Програмын backend сервер ихэнхдээ нэг сервер буюу машинд байрлан өгөгдлийн санд хандах суурь хаяг тогтмол байдаг.

React 16.8 хувилбараас компонентийг Component классаас удамшуулахгүйгээр энгийн функц хэлбэрээр буюу функционал компонентийг бичих боломж бий болсон.
React компонентийн ажиллагааны үндэс бол төлвийн удирдлагад оршдог. Өөрөөр хэлбэл компонентийн төлвийг тодорхойлсон обьектийн аль нэгэн эсхүл бүхэлд нь өөрчлөлт ороход React энэ төлвөөс хамааралтай дэлгэцийн хэсгийг дахин зурдаг. Бид өмнөх хичээлүүдэд ашиглаж байсан Component классаас удамшсан компонентийн төлвийг өөрчлөхдөө this.setState({ pageTitle: newTitle }) гэх байдлаар setState аргыг ашиглаж байсан.

Төрөл бүрийн классууд, структуруудийг тусдаа сан хэлбэрээр бүрдүүлэн компиляц хийн dll файлд багцлаад дараа нь өөр төслүүдэд оруулан ашиглах нь элбэг байдаг. Үүний ачаар програмд олон дахин ашиглагдах ижил ажиллагаатай хэсгүүдийг сан хэлбэрээр тодорхойлоод төрөл бүрийн төслүүдэд оруулах эсхүл өөр боловсруулагч нарт ашиглуулах боломж бүрдэнэ.

Өмнөх хичээлүүдээр vue -гийн хувийн $http системийн хувьсагчийг ашиглан серверт өгөгдөл нэмэх post, татан авах get аргуудыг үзсэн. Үүнээс гадна системийн $http хувьсагчид өгөгдлийг засварлах put, өгөгдлийг устгах delete гэдэг аргууд байдаг бөгөөд бидний үзсэн аргуудтай яг адилаар ажилладаг.
Энэ хичээлээр vue-resource сангийн нэг төрлийн обьектуудтай ажилладаг хэрэгслүүдийн талаар авч үзье.

Бүх классууд ямар нэгэн орон зайд агуулагдан эдгээрийг ашиглахын тулд тэдний орон зайг холбох эсхүл орон зайн нэртэй холбосон классийн бүрэн нэрийг ашиглах хэрэгтэй ч Visual Studio 2022 , .NET 6 , C# 10 -аас эхлэн бид програмийн файлд зүгээр л

Console.WriteLine("Hello");

гэж бичиж болдог болсон. Ингэхдээ Console классийг агуулдаг System нэрийн орон зайг илээр оруулан ирээгүй ч энэ класст төслийн C# кодийн дурын файлаас хандаж болно.

Өмнөх хичээлүүдэд үзсэн онолын мэдлэг дээрээ суурилан түүнийгээ батгах дадлага болгон react дээр төслийг үүсгэе. Төслөө бид үе шаттайгаар өргөжүүлэх бөгөөд эхний ээлжинд компонент хэсэгт сурсан зүйлээ бататган авах болно. Цаашид судлах зүйлүүдийг төсөлдөө нэмэх байдлаар явах юм. Өөрөөр хэлбэл энэ төсөл манай туршилтын талбар болно.

Ямарч түвшингийн төсөлд ихэнх тохиолдолд өгөгдлийн сантай ажиллах хэрэгцээ гарч ирдэг. Иймээс Vuejs фреймворкоор өгөгдлийн сантай ажиллах суурь ойлголтыг сайн ойлгосон байх шаардлагатай. Бид Post обьектыг үүсгэх хичээлд өгөгдлийн санд бичлэг нэмэн оруулахыг сурсан бол энэ удаад vue-resource санг ашиглан өгөгдлийн сангаас мэдээлэл татан авахыг сурцгаая.

Төслийн кодийн файл дахь ямар нэгэн нэрийн орон зайг ашиглах хэрэгтэй бол ашиглах гэж буй бүх файлд түүнийг анхдагчаар холбон оруулах хэрэгтэй болно.
Жишээ нь төсөлд кодийн гурван файл байлаа

гэж үзье.

react 16 хувилбараас бий болсон програмийн компонентуудийн шатлалыг багахан хураангуйлах боломжийн талаар авч үзье. Тухайлбал компонент хооронд ашиглаж боломжтой глобал төлвүүдийг үүсгэдэг context гэсэн ухагдхуун юм. Үүнийг дараах энгийн жишээгээр харцгаая. Төсөлд

import React from "react";

const Counter2 = (props) => {
  return (
    <div
      style={{
        border: "1px solid #ccc",
        width: 250,
        margin: "0 auto",
      }}
    >
      <h3>Counter 2</h3>
      <p>Clicked</p>
    </div>
  );
};

export default Counter2;

код бүхий Counter2 шинэ компонентийг нэмье.