Програмын ажиллагааны логикийн салаалалтыг харьцуулалтын операторуудгүйгээр төсөөлөх боломжгүй. Програмчлалын аль ч хэл дээр ямарч програмын кодчлолыг хийхэд харьцуулалтын операторууд зайлшгүй хэрэгтэй болдог тул эдгээрийг ашиглаж сурсан байх шаардлагатай. Хичээлээр харьцуулалт хийх суурь зарчмуудыг авч үзье.

Өмнөх хичээлүүдэд бид хоёр хуудсыг үүсгээд тэдгээрт шилжих чиглүүлэгчийг (router) тохируулаад байгаа. Энэ удаад динамик чиглүүлэгчийг хэрхэн хэрэглэхийг авч үзье. Үүний тулд дараах тохиолдлыг авч үзье. Програмын Cars хуудаст машинуудын жагсаалтыг үзүүлэхээр болгон

<template>
  <div>
    <h1>Cars page</h1>
    <ul>
      <router-link 
        tag="li" 
        v-for="car in 5" 
        :to="'/car/' +car"
        :key=car 
      >
        <a>Car {{car}} </a>
      </router-link>
    </ul>
  </div>
</template>

гэж өөрчилье.

Мөрийн хэвжүүлэлт бол тусдаа сэдэв. Мөрүүдийг нийлүүлэн ажиллах боломжтой хэдий ч мөр агуулсан том хэмжээний массивтай ажиллахад ийм арга маш эвгүй. Функц, хувьсагчуудтай ажиллаж эхлэх үедээ та мөрүүдийг хэвжүүлэх тусгай механизм байх хэрэгтэйг ойлгох болно. Мөрийг хэвжүүлэх энгийн зарчим бол мөр дотор placeholder буюу орлуулагчийг тодорхойлох юм. Жишээ нь

Мөр үүсгэх, түүнд тусгай тэмдэгтүүдтийг escape дарааллыг ашиглан оруулах, мөрийн индексүүд, хийгдэх үйлдлүүдийн суурь зарчмуудтай Мөр хичээлээр танилцсан. Python програмчлалын олон загварчлалыг агуулсан хэл тул түүний энгийн төрлүүд ч классын хувь буюу обьект байдаг. Мөр төрлийн обьекттой ажиллах ажиллагааг хөнгөвчлөх олон тооны арга, функцууд байдагийг Jupyter Notebook -дээр харцгаая.

Навигацийг /чиглүүлэгч/ үүсгэх хичээлээр үүсгэсэн цэснүүдээс шилжилт хийхэд сүүлд сонгогдсон цэс аль нь болохыг мэдэхэд хүндрэлтэй байгаа. Иймээс хуудасны идэвхитэй холбоосыг тэмдэглэх классыг хэрхэн оруулан ирэхийг авч үзье. Bootstrap -д сонгогодсон цэсийг тэмдэглэх active гэсэн класс байдгийг цэснүүдийн аль нэгэнд

        <ul class="navbar-nav">
          <li class="nav-item">
            <router-link class="nav-link" to="/">Home</router-link>
          </li>
          <li class="nav-item active">
            <router-link class="nav-link" :to="'/cars'">Cars</router-link>
          </li>
        </ul>

тавин өгөөд хуудсаа хөтөч дээр нээвэл

Програмийн боловсруулалтыг мөр төрлийн хувьсагчгүйгээр төсөөлөхийн аргагүй. Python -ий өгөгдлийн төрлүүд бүгд обьектууд гэдгийг сануулъя.

Мөрийг үүсгэх

Мөрийг дан эсхүл давхар хашилтыг ашиглан хоёр янзаар

зарлаж болно. Мөрийг зарлаж байгаа энэ аргуудад зарчмын ялгаа байхгүй. Гэхдээ мөр өөртөө жишээ нь I'm programmer, Bat is a "beginner" programmer гэх мэтээр дан, давхар хашилтыг агуулж болно.

Роутерийг тохируулах хичээлээр төсөлд Home, Cars хуудсуудыг үүсгэн чиглүүлэгчийг тохируулан бүртгүүлсэн хэдий ч хуудас хооронд шилжихдээ хаягийн мөрөнд шууд бичин өгч байгаа. Иймээс хуудас хоорондын шилжилтийг цэс үүсгэн түүгээр дамжуулан хийе. Та Формын шалгалтын бэлтгэл хичээлийг үзсэн бол төсөлд Bootstrap -ийг суулгасан гэдгийг мэдэж байгаа.

Өгөгдлийн төрлүүд хичээлд True эсхүл False утгуудыг авдаг логик /boolean/ төрлийн тухай дурдсан. True эсхүл False утгуудыг хааяа 1 ба 0 -ээр төлөөлүүлдэг. Энд 1 - True харин 0 - False -ийг заана. Хувьсагчид логик утгыг олгохыг

жишээгээр харцгаая.

Vuejs фреймворкт роутингийг /чиглүүлэгч/ хийдэг vue router пакетыг vue-router -ийг суулгах хичээлээр төсөлдөө нэмэн суулгасан. Одоо хэрэглэгчийн сонгосон хаягаас хамааран дэлгэц дээр үзүүлэх хуудсуудыг бэлтгэх хэрэгтэй. Иймээс төслийн src хавтаст pages хавтасыг үүсгээд түүнд роутерийн утгаас хамааран үзүүлэх хуудас буюу компонентуудыг үүсгэн өгье. pages хавтаст

<template>
  <h1>Home page</h1>
</template>

<script>
export default {
    
}
</script>

<style scoped>

</style>

кодтой Home.vue

Математикт хувьсагчгүйгээр асуудлыг шийднэ гэдэг боломжгүйн адилаар програмчлалын бүх хэлүүд хувьсагчийг дэмждэг. Хувьсагч гэдгийг утга хадгалахаар компьютерийн санах ойд тусгаарласан хэсэг гэж ойлгож болно. Өөрөөр хэлбэл та програмийн кодод хувьсагчийг үүсгэхэд санах ойд тодорхой зайн нөөцийг тусгаарлалаа гэсэн үг. Зарлагдаж буй хувьсагчид хадгалах өгөгдлийн төрлөөс хамааран интерпретатор санах ойгоос тусгаарлалтыг хийнэ.